首页 >web前端 >js教程 >我可以使用 jQuery AJAX 上传文件吗?如何上传?

我可以使用 jQuery AJAX 上传文件吗?如何上传?

Patricia Arquette
Patricia Arquette原创
2024-12-25 04:53:14717浏览

Can I Use jQuery AJAX to Upload Files, and How?

我可以使用 jQuery Ajax 通过 POST 上传文件吗?

使用提供的 jQuery 代码无法通过 AJAX 上传文件。正如回复所示,您无法直接通过 AJAX 上传文件。

但是,随着 XHR2 的出现,使用 FormData 对象通过 AJAX 上传文件已成为可能。为此,您需要使用支持 FormData 的浏览器,例如:

  • IE 10
  • Firefox 4.0
  • Chrome 7
  • Safari 5
  • Opera 12

以下是如何修改代码以使用 FormData 进行文件上传:

var formData = new FormData();
formData.append('file', fileObject); // Replace 'fileObject' with your file input element

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData, // Use formData instead of dataString
    processData: false, // Prevents jQuery from converting formData to a string
    contentType: false, // Tells jQuery not to set any content type header
    success: function (data) {
        alert('success');
        return false;
    }
});

在此修改后的代码中,我们创建一个 FormData 对象,将文件附加到它,然后将 processData 和 contentType 设置为 false 以允许 jQuery 正确处理数据。

以上是我可以使用 jQuery AJAX 上传文件吗?如何上传?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn