在el-upload组件上设置断点,观察on-change事件是否被触发以及事件处理函数的执行情况。 检查Vue实例和组件的状态,确保没有其他逻辑干扰了on-change事件的正常触发。 特殊情况的处理: 如果设置了:limit="1",并且希望在每次选择新文件时都触发on-change事件,可以考虑在handleChange方法中调用this.$refs.upload.clearFiles...
可能的原因是设置limit属性,文件数量达到限制 :limit="1" 解决方法: 1.修改为多选 2.给el-upload添加ref=“imp”属性,单次上传后调用this.$refs.imp.clearFiles();
打包后会引入mockJs,查了网上的情况发现mockjs会使得element里面的组件表现异常,去掉就好了,再说了线上也用不到mockjs吧
(我自测没有生效是因为我的before-upload是在on-change事件里去调用的,原因是on-change事件可以获取到fileList,而before-upload只能拿到当前上传的文件,所以我只能在change事件里去过滤掉不符合规范的文件,为了避免大改项目只能这样子了。) beforeUpload(file){returnnewPromise((resolve,reject)=>{vartestmsg=/^image\...
因为before-upload 是指在文件上传之前、文件已被选中,但还没上传的时候触发,而设置了 :auto-upload="false" 后,文件上传事件不被再次调用,,所以 before-upload 不生效,所以,限制图片大小和格式的时候,需绑定在 :on-change 里面 <el-uploadclass="upload-demo uploadTwo"ref="fileUploadRef":action="fileUrl ...
简介:el-upload中的before-upload不生效 我们先来看看官方对before-upload的定义 before-upload是在上传文件时触发,不是添加文件时触发,添加文件时触发on-change。 所以如果我们要在添加文件时,对文件的大小和后缀等等进行判断,可以用 on-change 方法来实现 ...
:on-change="uploadFile" :on-preview="handlePreview" :on-remove="handleRemove" :file-list="fileList" accept="image/png, image/jpeg" :limit="3" :data="{ 'userId': userId, 'fileType': 'image' }" > <el-button size="small" type="primary">点击上传</el-button> 只能上传 jpg/png 文...
<el-upload multiple :on-exceed="overLimit" :show-file-list="false" accept=".pdf" action="" :before-upload="beforeUpload" :on-change="uploadChange" :on-progress="uploadprogress" :on-success="uplaodSuccess" :on-error="uploadError" :file-list="pdfTodayList.list"> <el-button size="small...
所以,on-change 的执行顺序早于 before-upload,且不区分是否自动 【手动上传】this.refs['upload'].submit 手动上传,官方给出的方式是调用 el-upload 组件的 submit() 代码语言:javascript 复制 submit() { this.uploadFiles .filter(file => file.status === 'ready') .forEach(file => { this.$refs[...