h5压缩图片亲测有效

1. 在utils/base.js方法里面定义

export function  translate(imgSrc, scale, type , callback) {var img = new Image();img.src = imgSrc;img.onload = function() {var that = this;var h = that.height; // 默认按比例压缩var w = that.width;var canvas = document.createElement('canvas');var ctx = canvas.getContext('2d');var width = document.createAttribute("width");width.nodeValue = w/2;var height = document.createAttribute("height");height.nodeValue = h/2;canvas.setAttributeNode(width);canvas.setAttributeNode(height);ctx.drawImage(that, 0, 0, w/2,h/2);var base64 = canvas.toDataURL('image/jpeg', scale);//压缩比例canvas = null;callback(base64);}}

2. 在页面引用

 import { translate } from '@/utils/base.js';

3. 在方法里面获取在使用

translate(res.tempFilePaths[0], 0.7, '', imgUrl => {//压缩后返回的图片imgUrl
})

h5压缩图片亲测有效相关推荐

h5压缩图片并上传到oss
需求背景:h5上传图片到oss,并返回图片的链接参考资料: 阿里云oss multipartUpload api 图片纯前端JS压缩的实现注意:以下不包括业务代码,纯个人处理的oss上传封装,替换 ...
h5压缩图片上传 php_一键压缩，图片上传大小不得超过200K？
今天分享一款压缩图片的小程序,它的名字就叫"图片压缩",多么简单粗暴好理解! 我们在网站实名认证或者上传电子图片的时候,经常被要求上传图片的大小不得超过一定限制,比如:图片不得超过 ...
使用Java生成二维码图片(亲测)
下面我来分享两种生成二维码图片的方法. 第一种,填入你扫描二维码要跳转的网址直接生成二维码第一步:导入相关的包 1 <dependency> 2 <groupId>com.g ...
apache设置网页gzip压缩（亲测可用）
国内很多文章都是抄来抄去,用不成,用我这个就可以了编辑 http.conf 文件去掉 #LoadModule headers_module modules/mod_headers.so 前面的注释 ...
Java Zip压缩实现(亲测)
最近在自学javaWeb,先复习一下java,把还给老师的东西再找回来(知识如果不用很快就会忘记啊).. 今天看到了zip压缩,决定要整理一下. java将有关zip压缩的内容都封装在java.uti ...
java 存储png文件_vue图片上传及java存储图片(亲测可用)
1.前言在使用elementui的upload组件时,我一直无法做到上传的图片和其他数据一起提交.单纯的上传文件,java的存储图片的方式也有局限性. 我知道的后端保存图片有两种方式:一种是直接存储 ...
uni-app h5 上传图片太大压缩图片
h5端上传图片太大压缩图片由于uni.compressImage()不支持h5压缩图片,所以得自己写~ 这个是html <view class="camera" styl ...
图片批量转为PDF怎么转？这些方法亲测实用
你们平时在整理照片的时候,有把多张图片转为PDF文件的需求吗?我因为工作需要,会拍摄和存储很多照片,而且经常需要将这些照片归类,整合到一个PDF文件中.可能有的小伙伴还不知道多张图片转PDF怎么转 ...
图片如何加水印？给图片加水印，这3个工具亲测好用
推荐3个亲测简单好用的图片加水印工具,可以添加各种样式以及文字的水印logo,还支持自由摆放水印位置,图片水印添加完成还支持自动下载图片. 1.迅捷图片转换器一个比较专业的图片处理工具,页面干净无广 ...

h5压缩图片亲测有效

1. 在utils/base.js方法里面定义

2. 在页面引用

3. 在方法里面获取在使用

h5压缩图片亲测有效相关推荐

最新文章

热门文章

h5压缩图片 亲测有效

1. 在utils/base.js方法里面定义

2. 在页面引用

3. 在方法里面获取在使用

h5压缩图片 亲测有效相关推荐

最新文章

热门文章

h5压缩图片亲测有效

h5压缩图片亲测有效相关推荐