带有进度条和输入类型的AJAX文件上传

Question

我需要提交包含两个输入的表单：

<form action="upload" method="post" accept-charset="utf-8" enctype="multipart/form-data" 

    id="upload">
            <textarea name="file_description"></textarea><br/>
            <input type="file" name="userfile" id="userfile" /><br/>
            <input type="submit" name="upload_button" value="upload"/>
</form>

这个问题可能与this重复，但我试过并得到错误。任何人都可以指导我提交包含文件和其他输入的表单吗？

Answer 1

您可以使用XHR2和FileAPI。它是新的HTML5 API，目前支持非常好的浏览器。 XHR2允许您通过AJAX发送文件，FileAPI用于从输入[type = file]

获取文件内容

网上有很多关于这个主题的文章。例如：Processing XHR2 file uploads in PHP