文件上传序列化jquery没有表单

ubbxdtey  于 2023-01-30  发布在  jQuery
关注(0)|答案(1)|浏览(111)

如何在不使用表单属性的情况下用jquery AJAX 发送表中的图像文件数据
我正在使用serialize this,但文件数据不在有效负载中

$('.upload').on('click', function() {   
    var mdata = $(this).closest('tr').find("input, select, textarea").serialize();
     $.ajax({
       url: "../../../uploadimage",
       data:mdata,
       timeout:false,
       type:'POST',
       dataType:'JSON',
       success:function(res){
         ...
         }
       });
     });

而对于其他文本输入属性则正常运行

ldioqlga

ldioqlga1#

你需要使用formData来用ajax发布图片。
如果必须使用close,则应同时使用这两个词。
下面是一个例子:

$(document).ready(function(){
  $(".upload").submit(function(e){
    e.preventDefault();    
    var [form] = $(this).closest('form');
    var formData = new FormData(form);
    $.ajax({
    url:'../../../uploadimage',
    type: 'POST',
    data: formData,
    cache: false,
    contentType: false,
    processData: false,
      success: function(data) {
          ...
      }
    });
  });
});

如果您不必使用"最接近",则以下是您的答案:how to do file upload using jquery serialization

相关问题