@
<input type=“file” name=“image” @change=“getImg($event)”>
getImg(e) { //上传图片
var _this = this;
console.log(e.target.files)
var file = e.target.files[0];//获取到文件
var formdata = new FormData()//new formdata
formdata.append(‘file’, file)//添加file对象
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function() {
_this.img = this.result
};
this.axios.post(’/api/common/upload’, formdata, {
headers: {
‘Content-Type’: ‘multipart/form-data’
}
}).then(data => {
console.log(data)
this.imgUrl = data.data.url
})
},
input上传图片
最新推荐文章于 2024-08-12 16:30:53 发布