如何使用 FormData() 和 jQuery AJAX 发送文件和字符串数据？

使用 FormData() 和 jQuery AJAX 发布文件和字符串数据

通常需要通过以下方式发送文件和输入字符串数据AJAX 请求。要使用 FormData() 实现此目的，请按照以下步骤操作：

1. 创建 FormData 对象：

   <code class="js">var fd = new FormData();</code>

2. 附加文件数据：
   a.对于单个文件：

   <code class="js">fd.append("file", file_data);</code>

   b.对于多个文件：

   <code class="js">var file_data = $('input[type="file"]')[0].files; // for multiple files
   for(var i = 0;i<file_data.length;i++){
       fd.append("file_"+i, file_data[i]);
   }</code>

3. 附加字符串数据：

   <code class="js">var other_data = $('form').serializeArray();
   $.each(other_data,function(key,input){
       fd.append(input.name,input.value);
   });</code>

4. 发送数据AJAX:

   <code class="js">$.ajax({
       url: 'url',
       data: fd,
       contentType: false,
       processData: false,
       type: 'POST',
       success: function(data){
           alert(data);
       }
   });</code>

按照以下步骤，您可以在同一 FormData 对象和 AJAX 请求中发送文件和输入字符串数据。

以上是如何使用 FormData() 和 jQuery AJAX 发送文件和字符串数据？的详细内容。更多信息请关注PHP中文网其他相关文章！