使用 jQuery 序列化文件上传
使用 jQuery 的 serialize() 函数提交带有文件上传字段的表单时,可以检索文件数据具有挑战性的。与其他表单元素不同,文件输入无法序列化为字符串。
要绕过此限制,您可以使用 FormData 对象。 FormData 提供了一种将表单数据(包括文件)编码为更适合提交的格式的方法。
以下代码片段演示了如何使用 FormData 处理文件上传:
$(document).on("submit", "form", function(event) { event.preventDefault(); $.ajax({ url: $(this).attr("action"), type: $(this).attr("method"), dataType: "JSON", data: new FormData(this), processData: false, contentType: false, success: function (data, status) { }, error: function (xhr, desc, err) { } }); });
With通过这种方法,FormData 构造函数捕获所有表单元素,包括文件输入。通过将 processData 设置为 false 并将 contentType 设置为 false,jQuery 不会尝试序列化数据,从而使浏览器能够正确处理文件上传。
在服务器端,可以通过$_FILES 超全局数组,就像在传统文件上传场景中一样。
以上是如何使用 jQuery 处理 FormData 的文件上传?的详细内容。更多信息请关注PHP中文网其他相关文章!