vue 项目vant上传图片
vant组件代码vant<van-uploader:max-size="10000000":after-read="uploadImg":before-read="beforeRead":max-count="1"...
·
vant组件
代码
vant
<van-uploader
:max-size="10000000"
:after-read="uploadImg"
:before-read="beforeRead"
:max-count="1"
v-model="fileList"
multiple
/>
data() {
return {
fileList: [], //图片
imgurl: "", //图片路径
oneurl: "", //传给后台的图片类型
imgs: "", //截图
};
},
// 图片上传
uploadImg(file) {
console.log(file); //控制台可以看见图片信息
const param = new FormData();
param.append("file", file.file);
param.append("token", localStorage.getItem("token"));
this.$post("", param, {
headers: { "Content-Type": "multipart/form-data" }
}).then(res => {
this.oneurl = '';
});
},
beforeRead(file) {
return true;
},
beforeDelete(file) {
return false;
},
更多推荐
已为社区贡献1条内容
所有评论(0)