ui框架图片上传-el-upload

  <el-upload
        ref="upload"
        :limit="1"
        accept=".xlsx, .xls"
        :show-file-list="upload.showList"
        :headers="upload.headers"
        :action="upload.url"
        :disabled="upload.isUploading"
        :auto-upload="upload.updateSupport"
        :on-success="handleFileSuccess"
      >
        <el-button size="small" :loading="uploadLoading" type="primary"
          >导入</el-button
        >
      </el-upload>


 // 导入参数
      upload: {
	      	//是否展示列表：
	     	 showList:false,
	        // 是否显示弹出层（导入）
	        open: false,
	        // 弹出层标题（导入）
	        title: "",
	        // 是否禁用上传
	        isUploading: false,
	        // 是否更新已经存在的数据
	        updateSupport: true,
	        // 设置上传的请求头部
	        headers: { Authorization: "Bearer " +loginToken },
	        // 上传的地址
	        url: this.$urls.src,
      },

//上传完成返参
	  handleFileSuccess(response) {
	      this.$refs.upload.clearFiles();   //清除缓存，防止第二次操作无效
	      if (response.code != 200) {
	        this.$message.error(response.msg);
	      } else {
	        this.$message.success(response.msg);
	      }
	    },