<van-uploader
:file-list="fileList"
multiple="true"
upload-text="点击上传"
deletable="true"
@afterread="afterRead"
@delete="onUploadRemove"
max-count="4"
/>
// JS部分
data() {
return {
fileList: [],
urls:[],
};
},
submit(){
var app = this;
app.$api.SEND(
'/gov/appointment/proposal_submit',
'post',
{
data
},
(res) => {
console.log(res);
if (res.data.code == 200) {
this.show = true;
} else {
wx.showToast({
title: '请输入正确的内容',
icon: 'none',
duration: 2000,
});
}
},
(res) => {
console.log(res);
},
app.$App.globalData.code
}
afterRead(file) {
//上传文件
// console.log(this,file.mp.detail.file[0].url);
var app = this
wx.uploadFile({
url: 'https://serv.qwert.com/app_upload/upload_img', //仅为示例,非真实的接口地址
filePath: file.mp.detail.file[0].url,
name: 'file',
formData: {},
header: {
"Content-Type": "multipart/form-data",
'Accept': 'application/json'
},
success(res) {
// console.log(res);
//do something
let data = JSON.parse(res.data);
console.log(data);
// app.setData({
// pic: data.data.filePath
// })
// var urls = new Array();
app.urls.push('https://serv.chuxizc.com' + data.data.filePath);
// resolve({
// urls: urls
// });
},
fail(err) {
// reject(err);
console.log(err)
}
})
if (file.mp.detail.file[0].type == 'image') {
this.fileList.push(file.mp.detail.file[0]);
} else {
wx.showToast({
title: '请上传jpg格式文件',
icon: 'none',
duration: 2000,
});
}
},
onUploadRemove(file) {
//删除预览图片
this.fileList.splice(file.mp.detail.index, 1);
},
12-09
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交