jquery - 如何为文件上传表单执行 jquery post ？

Question

我有一个看起来像这样的表单:

<form id="uploadForm" name="uploadForm" method="post" enctype="multipart/form-data">
    <input type="file" id="uploadFile" name="uploadFile" /><br />
    <input type="submit" id="process" name="process" value="Process File" />
</form>

我想允许用户上传文件，然后处理它。当用户点击“进程”时，我想使用 jquery post 调用此页面(此表单显示在 cfwindow 中，我不想离开 cfwindow)，进行一些处理并输出消息。这是我通常使用的代码:

$('#process').click(function(){
    $.post('<cfoutput>#cgi.script_name#</cfoutput>', $('#uploadForm').serialize(), function(data){
        ... some processing ...
    });
});

但是，什么也没有通过。进一步的调查使我找到了 serialize 的 jquery 文档。函数，其中指出:

Data from file select elements is not serialized.

如何传递文件选择元素？

(如果这有什么不同 - 当我发布到页面时，我使用此代码来读取在文件选择元素中上传的文件:

<cfspreadsheet action="read" src="#form.uploadFile#" sheet="1" query="spreadsheetData" headerRow="1" excludeHeaderRow="true">

最初我只是使用常规的表单帖子，它工作得很好。我想切换到 ajax，这样我就可以保持 cfwindow 打开而不是重新加载。)

Answer 1

看看Valums File Uploader项目。它允许通过 XHR 上传，就像您尝试做的那样。您可以使用他的库或根据您想要做的事情调整他的概念。