ネイティブ入力タイプ= "file"を使用して、vueプロジェクトに画像をアップロードします

ネイティブ入力タイプ=「ファイル」を使用して、Vueプロジェクトに画像をアップロードします

// html代码
<input type = "file" @ change = "uploadImg" accept = "image / *" />
// js代码
uploadImg:function(e){

let that = this;
let file = e.target.files [0];
let formData = new FormData(); //创建formdata対象
formData.append( 'file'、file);
this。$ axios.post(
url、
formdata、
{headers:{'Content-Type': 'multipart / form-data'}}).
then(res => {
console.log(res、 'upolad img')
} ).catch(err => {})
}

 

おすすめ

転載: www.cnblogs.com/sunnyeve/p/12760288.html