jQuery MiniUI

标题: 如何使用ajax同时提交表单里的文本和图片给api? [打印本页]

作者: 鸡胸肉终结者 时间: 2017-9-29 09:25:30 标题: 如何使用ajax同时提交表单里的文本和图片给api?

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

作者: felt 时间: 2017-9-29 13:35:55

如果要用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',                //返回值类型一般设置

作者: 鸡胸肉终结者 时间: 2017-9-30 08:46:32

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")

var inputFile = $("#house_img > input:file")[0];
$.ajaxFileUpload({
url: url, //用于文件上传的服务器端请求地址
fileElementId: inputFile, //文件上传域的ID
data: o,
dataType: 'json', //返回值类型一般设置为json
success: function (text) {
alert(text.err_code);
alert("success");
if (text.err_code == "0") {
CloseWindow("save");
}
else {
showTips("<h2>数据更新失败</h2>", "warning");
}
},
error: function (jqXHR, textStatus, errorThrown) {
//alert(jqXHR.responseText);
alert("error fun");
showTips("<h2>数据更新失败</h2>", "warning");
}
});

复制代码

作者: felt 时间: 2017-9-30 11:08:50

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

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

作者: 鸡胸肉终结者 时间: 2017-9-30 11:15:59

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

作者: 鸡胸肉终结者 时间: 2017-9-30 11:18:15

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

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)