<input id="upload1" class="upload1" name="file" type="file" accept="image/*" @change="fileImageFront" />
一般type="file"的原生样式不是我们想要的 ,所以给opcity=0后用自己的样式覆盖。
fileImageFront(e) {
let files = e.target.files || e.dataTransfer.files;
if (!files.length) return;
this.createImage(files, e);
},
// 上传图片
createImage(files, e) {
let self = this;
var img_type = files[0].type
if (files[0].size > 25 * 1024 * 1024) {
self.$toast("文件过大,请重新上传")
return false
}
if (img_type.toLowerCase() != "image/png" && img_type.toLowerCase() != "image/jpg" && img_type.toLowerCase() != "image/jpeg") {
self.$toast("请上传png、jpg、jpeg格式的图片")
return false
}
let formData = new FormData()
formData.append('txt', files[0]);
self.$post("/xxxxx",formData).then(function (response) {
if(response.statue==1){
self.$toast({message:'上传成功',duration:1000})
self.userUpPic.push(response.data.imageurl); //该值是一个对象,第一个键值对传给后台,第二个值用于页面显示
self.userUpPicLen=self.userUpPic.length;
self.sendNet.push(response.data.name);
}
});
// uploadeFile(formData).then(function(res) {
// if (res.status == 1) {
// self.$toast(res.msg)
// self.userInfo.head_img = res.url
// }
// })
// 清空文件上传控件的值
e.target.value = null;
},