javascript压缩上传图片

export function compressPicture(file) {return new Promise((resolve, reject) => {let width, height;let MAX_WH = 800;let image = new Image()image.onload = () => {if (image.height > MAX_WH) {// 宽度等比例缩放 *=image.width *= MAX_WH / image.height;image.height = MAX_WH;}if (image.width > MAX_WH) {// 宽度等比例缩放 *=image.height *= MAX_WH / image.width;image.width = MAX_WH;}let canvas = document.createElement('canvas'); // 创建Canvas对象(画布)let context = canvas.getContext('2d');canvas.width = width = image.width;canvas.height = height = image.height;context.clearRect(0, 0, canvas.width, canvas.height);context.drawImage(image, 0, 0, image.width, image.height);const base64Url = canvas.toDataURL(file.type, 0.3);resolve(base64Url)}image.onerror = () => {reject()}image.src = file.url;})
}

javascript压缩上传图片相关推荐

Javascript验证上传图片大小[前台处理]
2019独角兽企业重金招聘Python工程师标准>>> 需求分析: 在做上传图片的时候,如果不限制上传图片大小,后果非常的严重.那么我们怎样才可以解决一个棘手的问题呢?有两种方式: ...
javaScript 压缩混淆反混淆
javaScript 压缩混淆反混淆压缩混淆的意义 1. 压缩 2. 混淆如何压缩混淆案例 Unicode转义序列(Unicode Escape Sequence) 压缩代码(Compact c ...
ArcGIS API for JavaScript压缩版(compact)与标准版的区别
文章目录前言区别一区别二参考链接前言在我们下载下来的API文件中可以看到里面包含了两个版本,一个是常用的标准版,另一个是压缩版. 如果到各自文件夹里面对比看的话,除了两个版本的init.j ...
JavaScript怎么上传图片
在XMLHttpRequest Level2出台之前,大多数的异步上传图片都是利用iframe去实现的. 至于具体的实现细节,我就不在这边啰嗦的,Google一下就有文章谈这个东西. 这次主要说说,怎 ...
Dcloud+mui 压缩上传图片到服务器
chooseImgFromAlbums选择图片 chooseImgFromPictures 拍照 changeToLocalUrl 转换成可用的路径 uploadpic.compressImg 压缩图 ...
JavaScript 压缩加密解密
代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. ...
手机网页版JS压缩上传图片--base64位兼容IOS和安卓
首先,我用到了一款插件,是纯JS压缩上传插件,第一次用CSDN,不太会用,我把插件所有代码拷贝在文章末尾. 加载JS插件<script src="__JS__/dist/lrz.mob ...
uni-app开发微信小程序，H5 关于压缩上传图片的问题
文章目录前言一.为什么要压缩图片二.图片压缩方式 1. 微信小程序 2. H5 总结前言关于微信小程序.H5兼容性问题,今天就压缩以及上传图片做一个可实现方法的简要阐述. 一. ...
js如何给php传图片,JavaScript怎么上传图片
在XMLHttpRequest Level2出台之前,大多数的异步上传图片都是利用iframe去实现的. 至于具体的实现细节,我就不在这边??碌模?oogle一下就有文章谈这个东西. 这次主要说说,怎 ...

javascript压缩上传图片

javascript压缩上传图片相关推荐

最新文章

热门文章