jquery实现图片上传前本地预览

2020-05-19 07:37:00易采站长站整理

} catch (e) {
var src = "";
var obj = $("#" + opts.Img);
var div = obj.parent("div")[0];
_self.select();
if (top != self) {
window.parent.document.body.focus()
} else {
_self.blur()
}
src = document.selection.createRange().text;
document.selection.empty();
obj.hide();
obj.parent("div").css({
'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)',
'width': opts.Width + 'px',
'height': opts.Height + 'px'
});
div.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = src
}
} else {
$("#" + opts.Img).attr('src', _self.getObjectURL(this.files[0]))
}
opts.Callback()
}
})
}
});

调用:


$(function () {
$("#up").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120 });
});

HTML结构:


<div>
<img id="ImgPr" width="120" height="120" />
</div>
<input type="file" id="up" />