一尘不染

jQuery / AJAX-与文件上传一起发送其他数据

ajax

我正在使用jQuery将文件上传到服务器:

 $.ajax({
    url : 'http://www.example.com',
    dataType : 'json',
    cache : false,
    contentType : false,
    processData : false,
    data : formData, // formData is $('#file').prop('files')[0];
    type : 'post',
    success : function(response) {something}
   });

我想将其他参数与文件一起发送。可能吗?如果是,怎么办?

谢谢!


阅读 516

收藏
2020-07-26

共1个答案

一尘不染

要发送其他参数,您可以将其附加到formdata如下所示:

var formdata=new FormData();
formdata.append('simpleFile', $('#file').get('files')[0]); //use get('files')[0]
formdata.append('someotherparams',someothervalues);//you can append it to formdata with a proper parameter name

$.ajax({
    url : 'http://www.example.com',
    dataType : 'json',
    cache : false,
    contentType : false,
    processData : false,
    data : formData, //formdata will contain all the other details with a name given to parameters
    type : 'post',
    success : function(response) {something}
});
2020-07-26