HTML5 实现图片上传预处理功能

在开发 H5 应用的时候碰到一个问题,应用只需要一张小的缩略图,而用户用手机上传的确是一张大图,手机摄像机拍的图片好几 M,这可要浪费很多流量。 像我这么为用户着想的程序员,绝对不会让这种事情发生的,于是就有了本文。 获取图片 通过 File API 获取图片。 var input = document.createElement('input'); input.type = 'file'; input.addEventListener('change', function() { var file = this.files[0]; }); input.click(); 预览图片 使用