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

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