Fork me on GitHub

[Mui] - 通过ajax方式上传图片文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
//获取input文件
function getimg() {
var image = document.getElementById('bannerimage').files[0];
goods.setdata.image = image
}
function onsave() {
var formData = new FormData
formData.append('image', goods.setdata.image)
formData.append('index', goods.setdata.index)
formData.append('shop_goods', goods.setdata.shop_goods)
// console.log(FormData.stringify(formData))
if (goods.tanboxtitt == "设置banner商品") {
mui.ajax('https://guanjia.mohennet.xyz/shop_banners/', {
data: formData,
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒;
/**
* 必须false才会避开jQuery对 formdata 的默认处理
* XMLHttpRequest会对 formdata 进行正确的处理
*/
processData: false,
/**
*必须false才会自动加上正确的Content-Type
*/
contentType: false,
headers: {
'Authorization': 'JWT ' + localStorage.jwt
},
success: function(data) {
console.log("post成功")
getbannergoods();
},
error: function(xhr, type, errorThrown) {
//异常处理;
console.log(type)
}
});

} else if (goods.tanboxtitt == "设置广告位商品") {
console.log("ads")
}
}
支持作者