JavaScript前端实现压缩图片功能
美酒没故事°:
[code=html]
compress
压缩
var imgbox = document.getElementById("img-box");
//压缩按钮的点击事件
function getfile() {
//我们先拿到input的文件
var fileList = document.getElementById("imgfile").files[0];
//打印压缩前的图片信息
console.log('压缩前', fileList);
//获取文件的url
var reader = new FileReader();
reader.readAsDataURL(fileList);
// 当文件读取成功时执行的函数
reader.onload = function(e) {
//开始压缩(有图片路径可以不执行上面的直接传路径)
yasuo(this.result); //这里参数是图片路径this.result为图片的base64地址
//预览压缩前图片
var img1 = document.createElement("img");
img1.src = this.result;
imgbox.appendChild(img1);
}
}
//压缩启动事件
function ya
[/code]
|