Ajax 文件上传

Posted 2023-02-24

技术标签:

【中文标题】Ajax 文件上传【英文标题】：Ajax file upload 【发布时间】：2011-02-14 15:49:22 【问题描述】：

我想使用 Ajax 和 php 上传文件。我有一个带有<input type="file"> 标签的表格。我希望当用户浏览文件并单击提交时，无需刷新即可上传文件。我该怎么做？是否发生刷新都没有关系，但我想在 ajax 的帮助下上传文件。

【问题讨论】：

我想知道“文件包含标签”是什么？我猜它不起作用，但有趣的术语/想法。我想他是想说的话:)) 检查***.com/questions/2320069/jquery-ajax-file-upload 你只能用javascript来做，这里是complete code 【参考方案1】： 使用隐藏的 iframe 并将表单的目标设置为该 iframe 的名称。这样，提交表单时，只会刷新 iframe。为 iframe 的加载事件注册一个事件处理程序以解析响应。

更多详情见我的博文：http://blog.manki.in/2011/08/ajax-fie-upload.html

【讨论】：

【参考方案2】：

我用这个 jquery 插件做到了。它几乎模仿了标准的 jquery ajax 功能，但也允许您使用 iframe 发送数据。不涉及 Flash，纯 JavaScript。

http://malsup.com/jquery/form/

这是一个文件上传示例http://malsup.com/jquery/form/#file-upload

【讨论】：

【参考方案3】：

此插件使用 XHR 在 FF3.6+、Safari4+、Chrome 中使用进度条上传多个文件，并在其他浏览器中回退到基于隐藏 iframe 的上传，在任何地方提供良好的用户体验。检查这个： http://valums.com/ajax-upload/

【讨论】：

【参考方案4】：

看看SWFUpload，它应该可以做你想做的。