使用elementUI的时候，使用Upload 上传的时候，使用 list-type
|
最近在做项目的时候，使用elementUI的时候，使用Upload?上传的时候，before-upload方法失效。 情况下：使用? 最终的优化之后：（演示的是修改） 需求： 1、已经提交的附件不可删除，新上传的附件可以删除 2、图片附件不能上传其他格式的文件，一次可以多张上传图片，最多上传3张，最大不超过2M 3、文件附件不能上传除了图片格式以外的格式，一次可以上传多个文件，最多上传3个文件，最大不超过2M 4、手动上传文件
一、使用on-change方法来模拟before-upload方法来判断文件类型或大小 查找了资料发现还是不行，只能求助大佬们？ 最后只能使用on-change来模拟before-upload方法的判断上传的照片或者文件的格式。
const isImage = file.raw.type == 'image/png' || file.raw.type == 'image/jpg' || file.raw.type == 'image/jpeg' || file.raw.type == 'image/bmp' || file.raw.type == 'image/gif' || file.raw.type == 'image/webp'= file.size < 1024 * 1024 * 2 (!.$message.error('上传只能是png,jpg,jpeg,bmp,gif,webp格式!' (!.$message.error('上传图片大小不能超过 2MB!' isImage &&
******然后这个方法失效，on-change方法正常。我只能使用on-change方法来******
const isImage = file.raw.type == 'image/png' || file.raw.type == 'image/jpg' || file.raw.type == 'image/jpeg' || file.raw.type == 'image/bmp' || file.raw.type == 'image/gif' || file.raw.type == 'image/webp'= file.size < 1024 * 1024 * 2 (!.$message.error('上传只能是png,webp格式!' (!.$message.error('上传图片大小不能超过 2MB!'(isImage &&.imageList =.images[''] =-1,1
以上是图片附件的：使用on-change方法模拟before-upload方法，使用splice删除文件，splice方法是可以改变原始数组的，这样就模拟了上传前判断文件格式。 文件附件的方法跟这个类似，改一下方法名就行 二、已经保存的文件不可删除，怎么判断 思路：我本来是打算从列表中根据单子状态来判断，然后发现我新上传的文件，也删除不了，所以最后使用文件的url路径来判断是不是已经保存的，因为这是手动保存，文件路径如果不是服务器地址而是本地地址，就可以判断为这是新上传的文件，就可以删除。 使用before-remove方法 (file.url.indexOf('blob') === -1.$message.warning('已提交的服务单的附件不能删除'
三、手动上传文件和附带其他参数 思路：可以自己构建FormData数据，使用append方法构造一个文件对象，并且将其他参数加入到文件对象 手动上传方法（构造FormData文件对象） let wfForm = 'orderId','eventCategory','priority',.eventDetail.priority==?'':'title','dsc',.eventDetail.dsc==?'':'occurDate',.eventDetail.occurDate==?'':= ''
(let i = 0,length = .eventDetail.files.length; i < length; i+++= .eventDetail.files[i].attId + ',' (let i = 0,length = .eventDetail.images.length; i < length; i+++= .eventDetail.images[i].attId + ','= attIds.substring(0,attIds.length - 1'attIds'.images).forEach(file =>1].forEach(item =>'file'0.files).forEach(file =>1].forEach(item =>'file'0
说明一下： 1、this.images指的是新上传的图片的数组，this.files值的是新上传的文件的数组。 2、Object.entries方法主要是用来遍历对象属性。 3、wfForm.append('file',item.raw)用来构建文件对象 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
- ruby-on-rails – Rails-构造管理员/用户/公共控制器的方式
- Oracle EBS 用户密码错误登录提醒
- JLink 连接stm32 出现can not find any flash device该怎么
- ios – 在Swift 3中连接变换动画？怎么了？
- ruby-on-rails – Rails路由：指定none时的格式约束
- ruby-on-rails – 如何在Ruby on Rails中为模型添加虚拟属性
- 使用XML进行PHP配置时的最佳做法？
- ActionScript 3操作XML 详解
- nutch-default.xml配置参数解释(部分)
- ruby-on-rails – Rails“不是模块”的错误