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