Vue和element ui用el-upload上傳圖片到服務器,源碼例子


<!-- 上傳圖片  -->
      <el-upload
        class="upload-demo"
        name="upload_file"
        action="/api/product/upload.do"
        v-model="detailList.subImages"
        multiple
        :limit="3"
        :on-success="handleSuccess"
      >
        <el-button size="small" type="primary">點擊上傳</el-button>
        <div slot="tip" class="el-upload__tip">只能上傳jpg/png文件,且不超過500kb</div>
      </el-upload>

  注意哦: name="upload_file"  這個屬性必須要有!!!!!

  v-model 按需綁定哦! 

 handleSuccess(response, file, fileList) {
                // 這里可以打印出來看看  所需要的值
      console.log(response, file, fileList)
      this.detailList.subImages = response.data.uri;
      console.log( this.detailList.subImages )
},

  

效果已經在上面展示啦~~~~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM