图片预览方法

预览图片的形式:
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,
                });
            }
    })

猜你喜欢

转载自blog.csdn.net/qq_36470086/article/details/81277695
今日推荐