上传文件后返回的下载文件：一个AJAX文件转换器

Question

I'm programming a PHP function that encrypts a file using a specific key. I want the user to upload his file using the "browse..." window then get the "save as" window as a result after the php encrypting.

I'm working in full AJAX so my upload method uses a hidden form and a hidden iframe to handle the upload request.

Javascript Part :

<script>
    $("#encryptFileButton").button().click(clickEncryptFile);


    function clickEncryptFile() {
        if (!jQuery.browser.msie) {
            $("#encryptFileBrowse").click();
        } else {... not the matter of the question ...}
    }

    function encryptFileBrowseChange() {
        $("#uploadAttachmentForm").submit();
    }

</script>

The nice visible button

<button id="encryptFileButton" type="button" class="ui-..." role="button">Encrypt Now</button>

The hidden part

<form action="https://web.com/encryptPHP" id="uploadAttachmentForm" target="uploadTarget" style="display:none" enctype="multipart/form-data" method="post" accept-charset="utf-8">
    <input type="file" name="encryptFileBrowse" id="encryptFileBrowse" onchange="encryptFileBrowseChange()">
</form>

<iframe id="uploadTarget" name="uploadTarget" src=""></iframe>

Now on the server side, the encryptPHP does the job and returns the encrypted file with all the required HTTP headers. But the browser does not open the "save as window"

Here is the Chrome inspector of the request

Can you help me to fill the download part of this problem ?

I wouldn't like using a temporary file on the server to be stateless and prevent orphan files when browser is interrupted. I'd really like to make this with only one query.

Answer 1

In the server response, Content-disposition is inline, it must be content-disposition: attachment to get the "save as " popup.

I don't delete my question as the code example is pretty and usefull.

Uploading and downloading in only one request is nice.