使用Layui的upload上传文件在上传之前做逻辑处理并终止上传

在使用layui的upload模块上传文件非常方便,但是如果我们想在文件上传前做逻辑判断,比如判断文件的类型,大小,如果不满足系统要求则停止上传,目前是没有对应的方法满足这个功能。

在网上搜索对应的解决方案,大多都是修改源代码:
upload.js中找到:

y = function() {
   
           if ("choose" !== t && !l.auto || (l.choose && l.choose(g), "choose" !== t)) return l.before && l.before(g),
            a.ie ? a.ie > 9 ? u() : c() : void</
  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
在uniapp中,可以使用uni-image-picker插件来实现图片选择和压缩的功能。首先,需要在项目中安装uni-image-picker插件: ``` npm install uni-image-picker --save ``` 然后,在需要使用图片上传功能的页面中引入u-upload组件和uni-image-picker插件: ``` <template> <div> <u-upload :upload-url="uploadUrl" :max-count="maxCount" :upload-before="beforeUpload" :upload-success="onSuccess" :upload-error="onError" :upload-complete="onComplete" > <u-button type="primary">选择图片</u-button> </u-upload> </div> </template> <script> import uniImagePicker from 'uni-image-picker'; export default { data() { return { uploadUrl: 'your upload url', maxCount: 1, }; }, methods: { beforeUpload(files) { return new Promise((resolve, reject) => { uniImagePicker.compressImage({ files: files, quality: 80, success: res => { resolve(res.tempFilePaths); }, fail: err => { reject(err); }, }); }); }, onSuccess(response) { console.log(response); }, onError(err) { console.log(err); }, onComplete() { console.log('upload complete'); }, }, }; </script> ``` 在beforeUpload方法中,使用uniImagePicker.compressImage将选择的图片进行压缩,并将压缩后的图片路径返回给u-upload组件进行上传。其中quality参数表示压缩质量,可以根据需要进行调整。 注意:在使用uniImagePicker插件进行图片压缩时,需要将压缩后的图片路径返回给u-upload组件进行上传。因此,需要在beforeUpload方法中返回一个Promise对象,并在Promise的resolve方法中返回压缩后的图片路径。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值