jquery - ajax文件上传-6ren

jquery - ajax文件上传

转载作者：行者123 更新时间：2023-12-01 03:52:41

我正在努力在不重新加载页面的情况下上传、处理和显示文件。我该如何使用 jquery 将文件正确发布到服务器？

 <html>

 <body>

 <form action="upload.php" method="post" enctype="multipart/form-data" id="uploadform">
  <label for="file">Filename:</label>
  <input type="file" name="file" id="file" /> 
  <br />
  <input type="submit" id="submit" />
  </form>

  </body>
  </html>

最佳答案

您可以通过将上传表单放入 iframe 中并使用 JavaScript 在主窗口和框架之间进行通信来实现此目的。它很丑陋，但在某些浏览器中这是唯一的方法。

jQuery File Upload是一个很棒的插件，它集成了异步 XHR 上传，并针对不具备此功能的浏览器依赖于 iframe。它还支持开箱即用的拖放(对于有能力的浏览器)。它不是世界上最简单的插件，但非常值得付出努力，它涵盖了所有基础。

关于jquery - ajax文件上传，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6541155/