layui实现文件压缩上传_使用js在layui中实现上传图片压缩

使用js在layui中实现上传图片压缩

发布于 2020-6-7|

复制链接

摘记: 一、关于js上传图片压缩的方法，百度有很多种方法，这里我参考修改了一下

```javascript

function photoCompress(file, w, objDiv) {

var ready = new FileReader();

/*开始读取指定的Blob对象或File对象中的内容. 当读取操作 ..

一、关于js上传图片压缩的方法，百度有很多种方法，这里我参考修改了一下

```javascript

function photoCompress(file, w, objDiv) {

var ready = new FileReader();

/*开始读取指定的Blob对象或File对象中的内容. 当读取操作完成时,readyState属性的值会成为DONE,如果设置了onloadend事件处理程序,则调用之.同时,result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容.*/

ready.readAsDataURL(file);

ready.onload = function() {

var re = this.result;

canvasDataURL(re, w, objDiv);

}

};

function canvasDataURL(path, obj, callback) {

var img = new Image();

img.src = path;

img.onload = function() {

var that = this;

// 默认按比例压缩

var w = that.width,

h = that.height,

scale = w / h;

w = obj.width || w;

h = obj.height || (w / scale);

var quality = 0.5; // 默认图片质量为0.7

//生成canvas

var canvas