vant上传图片时压缩图片

vant上传图片，有图片的宽高大小限制，可以上传时压缩图片，在这里记录一下。

压缩图片大小

afterRead(file){console.log(file,'0000')this.face = [];let canvas = document.createElement('canvas') // 创建Canvas对象(画布)let context = canvas.getContext('2d')let img = new Image()img.src = file.content // 指定图片的DataURL(图片的base64编码数据)img.onload = () => {canvas.width = img.width/10canvas.height = img.height/10context.drawImage(img, 0, 0, img.width/10, img.height/10)file.content = canvas.toDataURL(file.file.type, 0.92) // 0.92为默认压缩质量console.log(file,file.content,'4444444')let files = this.dataURLtoFile(file.content, file.file.name)console.log(files,'33333')this.uploadToqiniu(files,this.face);}},

讲base64转换为file文件

dataURLtoFile (dataurl, filename) { // 将base64转换为file文件let arr = dataurl.split(',')let mime = arr[0].match(/:(.*?);/)[1]let bstr = atob(arr[1])let n = bstr.lengthlet u8arr = new Uint8Array(n)while (n--) {u8arr[n] = bstr.charCodeAt(n)}return new File([u8arr], filename, {type: mime})},

vant上传图片时压缩图片相关推荐

vue之原生上传图片并压缩图片大小（1）
vue之上传图片并压缩图片大小 vue之上传图片并压缩图片大小 vue之上传图片并压缩图片大小这里使用的是 compressorjs , 安装 npm i compressorjs 注意:这个插件是 ...
springMVC MultipartFile 上传图片时修改图片大小
1.引言服务器配置比较低,打开网站时加载1MB+的图片速度很慢,影响客户体验.所以从网上找了java修改图片大小的方法,这里记录一下以备以后不时之需.我这里设置的是宽240,,高135 按照16 ...
JS上传图片时获取图片的尺寸
JS上传图片时获取图片的尺寸图片上传目前主流的第三方插件都会提供Upload组件,也就是我们常说的文件上传插件,例如Element antd 等,他们都提供了beforeUpload ,用于做文件 ...
java 使用Thumbnailator 上传图片并压缩图片大小
http://www.cnblogs.com/miskis/p/5500822.html java 上传图片并压缩图片大小 Thumbnailator 是一个优秀的图片处理的Google开源Java ...
上传时压缩图片-Picdict
上一篇:网站速度测试.分析上篇文章推荐了大家一款可以测试网页速度,定位网站优化方向的工具------PageSpeed,看我文章的想必都看到了,我的网页首要优化提升速度的就是提供压缩后的图片,所以我 ...
JAVA 上传图片时压缩后上传
图片上传时后台接收类型为 MultipartFile , 而大部分的文件上传工具类所使用的的也都是 MultipartFile 所以要通过 MultipartFile 获取IO流, 然后使用内存流接 ...
百度编辑器上传图片时设置图片展示的最大宽度
我们公司制作常用的网站使用的是我们自己的cms,今天产品提了一个需求,希望在编辑器中上传图片时图片的最大宽度不要超过600px,在百度编辑器中上传图片有两种方式,单图上传和多图上传,而单图上传又分为点 ...
html图片上传布局,上传图片（压缩图片再上传），布局参考以前的文章（https://www.jianshu.com/p/d379ab1b3eec）...
引入一个js: 百度网盘链接:https://pan.baidu.com/s/1KO9gH4r6bP-foYVAQn5AxQ 提取码:mgcm 复制这段内容后打开百度网盘手机App,操作更方便哦 ht ...
上传图片时，图片大小不一，设置宽高，图片拉伸，如何处理呢，我来告诉你...
2019独角兽企业重金招聘Python工程师标准>>> 对于上传图片的烦恼,今天给你个例子,很实用的哦这个是原来大小不一的图片经过处理后代码如下index.html <! ...

vant上传图片时压缩图片

vant上传图片，有图片的宽高大小限制，可以上传时压缩图片，在这里记录一下。

压缩图片大小

讲base64转换为file文件

vant上传图片时压缩图片相关推荐

最新文章

热门文章