ajax文件上传

IT技术 javascript php ajax file-upload upload
2021-03-16 12:49:37

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

5个回答
  • 使用隐藏的 iframe 并将表单的目标设置为该 iframe 的名称。这样,当表单提交时,只会刷新 iframe。
  • 为 iframe 的加载事件注册一个事件处理程序来解析响应。

我的博客文章的更多详细信息:http : //blog.manki.in/2011/08/ajax-fie-upload.html

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

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

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

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

看看SWFUpload,它应该做你想做的。