【uniapp】压缩图片image-conversion

image-conversion:一个简单易用的JS图像转换工具，可以指定大小以压缩图像
image-conversion.zip下载地址

1. 安装插件：
　　npm i image-conversion --save

　　
2. 引入
　　const imageConversion = require("@/components/image-conversion");
3. 上传图片（将图像压缩到200kb）

uni.chooseImage({count: 1,sizeType: ['compressed'],sourceType: ['album', 'camera'],success: (res) => {let that=this;imageConversion.compressAccurately(res.tempFiles[0],{size: 200, type: "image/jpeg",}).then(ret=>{// console.log(ret);uni.showLoading({ title: '上传中',mask: true });uni.uploadFile({url: that.upLoadUrl,file: ret, fileType: 'image',name: 'file',success:(res) =>{var data=JSON.parse(res.data);uni.hideLoading();if(data.code==1){} else{that.toast(data.msg)}}})})}
});

【uniapp】压缩图片image-conversion相关推荐

uni-app 压缩图片（base64上传）包含图片验证
第一步选择图片 data(){return{imageType: ['image/png', 'image/jpeg', 'image/jpg'],//图片验证类型} }uni.chooseImage ...
js常用插件(七)之conversion压缩图片(不改变图片尺寸大小)
js常用插件之conversion压缩图片(重点:不改变尺寸大小) 欢迎点击: 个人官网博客图片压缩只是他的一种功能,更多可以查看官方文档重点:压缩体积并且图片尺寸大小是不变的用法很简单: &l ...
uniApp H5项目中的压缩图片
子组件:选择相册还是拍照并对相片进行压缩成功之后把路径通过sFn方法传给父级,父级通过fFN方法走借口,对头像进行修改 <view class="main">< ...
uni-app h5 上传图片太大压缩图片
h5端上传图片太大压缩图片由于uni.compressImage()不支持h5压缩图片,所以得自己写~ 这个是html <view class="camera" styl ...
uni-app实现图片的上传和裁剪
uni-app实现图片的上传和裁剪 uni-app 实现图片的上传和裁剪,插件市场上已经有作者提供了相关的插件.这里主要介绍下我在自己开发图片上传和裁剪过程中遇到的一些问题. 图片上传图片上传功能比 ...
Android 高清加载巨图方案拒绝压缩图片
Android 高清加载巨图方案拒绝压缩图片转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/49300989: 本文出自: ...
android h5 多图上传源码,JS移动端/H5同时选择多张图片上传并使用canvas压缩图片...
最近在做一个H5的项目,里边涉及到拍照上传图片的功能以及识别图片的功能,这里对识别图片的功能不做赘述,不属本文范畴.我在做完并上线项目后,同事跟我提了一个要求是可不可以同时选择多张图片上传,我做的时候 ...
idea批量修改变量快捷键mac_使用Mac自带功能批量修改图片名称、类型和压缩图片大小...
Mac电脑自带的聚焦搜索功能已经很强大,可以快速准确的搜索电脑内的文件,但是从网上下载的文件,特别是一些图片文件都是一串数字组成的文件名,很难记忆和搜索,我们可以使用Mac自带的『自动操作』功能给图片 ...
node 压缩图片_1Mb压缩成100k，图片无损压缩我选择它
Boss有话说 Compressor 这是一款能够快速高效压缩图片的在线神器,可以在线压缩优化的格式包含 JPEG,PNG,SVG,GIF 和 WEBP 等主流的图片格式.相比之前分享的[ TinyP ...
linux压缩图片脚本,说明Ubuntu压缩图片脚本批量方法
以下就是Ubuntu压缩图片批量方法,这些Ubuntu压缩图片方法是我学了很久的心得,希望对大家有帮助.用DC拍出来的很多照片尺寸都很大,有时候我们需要缩小一下,最近google了一圈,发现了一些有用 ...

【uniapp】压缩图片image-conversion

【uniapp】压缩图片image-conversion相关推荐

最新文章

热门文章