html部分
<form>
<input id="imgInp" type="file" accept="image/*">
<div>
<img id="blah" src="#" alt="显示您上传的商品图片" />
</div>
</form>
js部分
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
console.log(e.target.result)
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp").change(function () {
readURL(this);
});
图片预览依赖HTML5的FileReader
