实现思路:调用js input file的获取图片路径API,然后再调用js的 FileReader API将图片转为base64编码,最后图片路径赋值此base64编码;当然也可以用 window.URL.createObjectURL(file) 获取路径,但是,如果想做到兼容IE,最好还是推荐用base64编码来渲染图片;
以下是代码:
function DragImgUpload(id, options) {
this.me = $(id);
var defaultOpt = {
boxWidth: '200px',
boxHeight: 'auto'
}
this.preview = $('<div id="preview"><img src="img/upload.png" class="img-responsive" style="width: 100%;height: auto;" alt="" title=""> </div>');
this.opts = $.extend(true, defaultOpt, {},
options);