vue vant 使用ajax上传文件注意事项
程序员文章站
2022-07-14 20:38:04
...
vue vant 触上传文件方法
//上传文件组件 https://youzan.github.io/vant/#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi
<van-uploader :after-read="afterRead" v-model="product.images" :name="index" max-size="1024*1024*2" max-count="3"></van-uploader>
afterRead(file, index) {
console.log(index);
// 自定义form表单
let data= new FormData();
data.append('iFile',file.file);
$.ajax({
type:"post",
url:"/index.php?s=home/upload/image",
data: data,
contentType: false,
// 不进行 urlencode转换
processData: false,
success:function(res){
console.log(res.data);
}
});
},
下一篇: vue中watch使用注意事项