element update 上传使用（一） el-upload 上传图片

el-upload 上传图片

废话不多say 上代码

👍记得点赞哦 😄

👇大佬请看👇

• 上传图片案例：

我的上传随form表单一起所以 handlePhoto并没有直接上传的方法 //而是赋值保存 handleRemove 也只是删除清空赋值，不影响后台数据

	<el-upload
	action="#"
	list-type="picture-card"
	:limit='1' // 限定个数
	:on-change="handlePhoto"  // 本地点击上传时的方法
	accept=".jpg,.jpeg,.JPG,.JPEG"  //格式限定 后缀 (png等)
	:on-remove="handleRemove"   // 删除的方法  上传后悬停出现
	:auto-upload="false">
	<i slot="default" class="el-icon-plus"></i>  // 图标 加号
	</el-upload>

本地上传：

    handlePhoto(file) {
        this.dialogImageUrl = [];
        this.dialogImageUrl.push(file.raw);
		 console.log(this.dialogImageUrl) // 打印见下图  //文件格式
      },

• 删除方法：
  // 鼠标悬停

	handleRemoveFace(file, fileList) {
        this.dialogImageUrl = [];  // 直接清空
      },

• 之后再上传form表单时 直接用后台给的key 对应就可以了

都看👓完了，就👍1️⃣👇吧