element-ui上传图片

云️汐奈生

于 2022-12-08 16:07:26 发布

阅读量271

点赞数 1

文章标签： javascript 前端开发语言 elementui

本文链接：https://blog.csdn.net/qq_72477818/article/details/128237832

版权

一、html内容

<el-upload 
	:auto-upload="true" 
	class="teacher_el_upload" 
	:action="upurl" 
	:headers="upheaders" 
	:limit="limitCountImg"
	list-type="picture-card" 
	:on-preview="handlePreview" 
	:on-success="handleSuccess" 
	:on-change="dealImgChange"
	:on-error="handleError" 
	:before-upload="beforeAvatarUpload" 
	:file-list="fileList"
	:class="{ disabled: uploadDisabled, uoloadSty: showBtnDealImg, disUoloadSty: noneBtnImg }" 
	ref="upload"
	>
	
	<!-- 上传按钮 -->
    <i slot="default" class="el-icon-plus"></i>
    <span class="el-upload__text">点击上传</span>

    <div slot="file" slot-scope="{file}"