啥都不说, 直接先来一张效果图......
小伙伴们,别急,咱们先来分析一下主要功能点:
图片预览
图片拖拽
图片缩放
图片裁剪
图片预览
图片预览的功能技术方案是将用户的图片文件转成Base64编码并设置到标签的src属性,获取图片文件的Base64编码需要通过HTML5的新特性FileReader,具体代码如下:
js
getImgBase64: function(imgFile, cb){
if(!window.FileReader){
alert('系统暂不支持针对你的浏览器的文件上传功能,建议使用最新版的Chrome!');
return false;
}
var reader =
继续阅读 »