vue 文件： 自行引用 elemen-ui 　　　　<el-upload action=" 讓后端給你上傳地址 " list-type ...

template部分代碼，引入upload組件，這里采用自動上傳文件 script部分代碼，圖片上傳之前觸發 beforeAvatarUpload ，在這里return false 會中斷上傳操作 css代碼，修改原組件的樣式 ...

<el-upload class="upload-demo" :action="uploadLi" :before-up ...

//上傳圖片尺寸驗證 beforeQrcodeUpload(file) { const isJpg = /image\/(png|jpe?g|gif)$/.test(file.type); const isLt2M = file.size / 1024 ...

1.上傳組件（可上傳多個文件） 2.單個文件上傳以及圖片尺寸的限制 ...

...

一 . 參考： elementUI圖片上傳之前對圖片的寬高做限制： elementUI上傳圖片前判斷圖片的尺寸大小 二 . 另外提一下，new Image()的應用： 摘自 https://www.jianshu.com ...

html代碼 javascript代碼 　　由於高級瀏覽器對上傳圖片路徑進行了加密，圖片在頁面不能正常顯示，在這里我們可以將圖片轉換成base64格式的路徑就可以了。 ...