如何使用ajax同时提交表单里的文本和图片给api?

鸡胸肉终结者

使用ajax提交表单给api,其中需要上传图片,请问要如何将文本和图片一起发送给后台api?用mini-htmlfile还是其他控件?

felt

如果要用ajax上传，只能用htmlfile
http://www.miniui.com/demo/#src=fileupload/htmlfile_ajax.html
在这例子上传的时候可以附带传送表单数据。
$.ajaxFileUpload({
            url: 'upload.aspx',                 //用于文件上传的服务器端请求地址
            fileElementId: inputFile,               //文件上传域的ID
            data: { a: 1, b: true },            //附加的额外参数   
            dataType: 'text',                   //返回值类型 一般设置

鸡胸肉终结者

felt 发表于 2017-9-29 13:35
如果要用ajax上传，只能用htmlfile
http://www.miniui.com/demo/#src=fileupload/htmlfile_ajax.html
在这 ...

用这个出现了两个奇怪的现象,ajax请求成功,api也返回说是成功,可是这个ajaxupload却执行了error的函数,而且还执行了两次(alert了两次"error fun")

1.             var inputFile = $("#house_img > input:file")[0];
   
2. 
   
3.             $.ajaxFileUpload({
   
4.                 url: url,                 //用于文件上传的服务器端请求地址
   
5.                 fileElementId: inputFile,               //文件上传域的ID
   
6.                 data: o,
   
7.                 dataType: 'json',                   //返回值类型 一般设置为json
   
8.                 success: function (text) {
   
9.                     alert(text.err_code);
   
10.                     alert("success");
    
11.                     if (text.err_code == "0") {
    
12.                         CloseWindow("save");
    
13.                     }
    
14.                     else {
    
15.                         showTips("<h2>数据更新失败</h2>", "warning");
    
16.                     }
    
17.                 },
    
18.                 error: function (jqXHR, textStatus, errorThrown) {
    
19.                     //alert(jqXHR.responseText);
    
20.                     alert("error fun");
    
21.                     showTips("<h2>数据更新失败</h2>", "warning");
    
22.                 }
    
23.             });

复制代码

felt

鸡胸肉终结者 发表于 2017-9-30 08:46
用这个出现了两个奇怪的现象,ajax请求成功,api也返回说是成功,可是这个ajaxupload却执行了error的函数,而 ...

看一下跳到error里面的时候的错误具体是什么，既然成功交互了，怎么还会进error？

鸡胸肉终结者

felt 发表于 2017-9-30 11:08
看一下跳到error里面的时候的错误具体是什么，既然成功交互了，怎么还会进error？ ...

弹出SecurityError: Blocked a frame with origin "http://localhost:1158" from accessing a cross-origin frame.
然后弹出TypeError: Cannot read property 'err_code' of undefined

鸡胸肉终结者

felt 发表于 2017-9-30 11:08
看一下跳到error里面的时候的错误具体是什么，既然成功交互了，怎么还会进error？ ...

另外上网查了一下也很多人出现这种情况或者,不管交互成功与否都进入error,不进入success,也有的人两个都进入的