怎么使用uniapp组件对上传的图片进行压缩至1兆以内(uniapp,开发技术)

时间:2024-05-02 23:49:08 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    %E6%80%8E%E4%B9%88%E4%BD%BF%E7%94%A8uniapp%E7%BB%84%E4%BB%B6%E5%AF%B9%E4%B8%8A%E4%BC%A0%E7%9A%84%E5%9B%BE%E7%89%87%E8%BF%9B%E8%A1%8C%E5%8E%8B%E7%BC%A9%E8%87%B31%E5%85%86%E4%BB%A5%E5%86%85

接下来,请跟着小编一起来学习吧!

original :正常

compressed:压缩

这是组件源码里显示传参的参考:

所以在调用uni-file-picker组件时,就可以进行设置,如下:

:sizeType="sizeType" 表示的是压缩图片的设置
data中设置sizeType的值:

通过以上设置,可以实现对图片进行压缩 一般是对半压缩的,比如5兆压缩成2.5兆左右这样的。
如何进行检验:本地是检验不出来的,需要拿手机进行真机调试,才可以看出来文件压缩后的大小

如果对图片大小没有太大限制 ,直接这样压缩就可以了,但是有的项目会限制对图片的大小必须小于1兆,这时候,光有这个设置,就满足不了需求了,这时候我们可以再采取一点措施

1、先创建一个方法imageCompress,一般单独放在公共函数里

}

2、调用uni-file-picker组件的页面中,调用该方法,然后再上传图片

本文:怎么使用uniapp组件对上传的图片进行压缩至1兆以内的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Laravel的vite-plugin包怎么使用下一篇:

11 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18