使用包含文件输入的AJAX提交HTML表单

Question

你能通过AJAX提交一个有文件类型输入的表格吗？我正在尝试使用jquery执行此操作但似乎无法序列化正在提交的文件.这是否被浏览器阻止作为安全问题？有办法解决吗？

Answer 1

您可以使用File APIHTML5 的 , 部分来执行此操作：

http://www.html5rocks.com/tutorials/file/dndfiles/

对于使用它发布的讨论，您可以从

http://groups.google.com/group/play-framework/browse_thread/thread/6223a9b25b87a839/6c74eda4f7b33010

基本上，File API如果浏览器支持，使用 javascript 可以从本地系统读取文件，然后您可以通过 ajax 调用将其与您需要提交的其他内容一起发布。

如果您需要提交多个文件，这可能是一个很好的起点：

http://robertnyman.com/2010/04/22/using-the-file-api-for-reading-file-information-multiple-file-uploads-another-sister-specification-to-html5/

如果你必须使用 jQuery，那么你可以尝试这个插件，尽管我从未使用过它：

http://plugins.jquery.com/blueimp-file-upload-jquery-ui/