预览图片的形式:
1:通过服务器反馈的图片进行预览。
这里不做详解,大致是前端请求图片,服务器反馈图片,前端呈现图片。
2:不通过服务器,前端自己预览待上传的图片。
a、需要一个input标签,作为接受图片的接口。
b、需要一个img标签,作为预览图片的标签。
代码如下:
$("input").change(function() {
//判断是否为图片
if (this.files[0].type.indexOf("image") == 0) {
var reader = new FileReader();
reader.readAsDataURL(this.files[0]);
reader.onload = function () {
//this.result 是base64码了
//将img标签的src直接设置为this.result即可
$("img").attr({
src : this.result,
});
}
})