解决img标签src路径为本地路径访问受限问题:Not allowed to load local resource

随笔记录：遇到img标签想显示本地路径下的图片资源。谷歌浏览器不支持访问，找不到好的解决办法决定 换个思路。

img标签可显示base64转码的图片。将本地图片先进行base64转码，之后再img标签中显示。问题解决

1、后台提供转码

public String getBaseImg(String imgPath) throws CustomException {

    InputStream in = null;
    byte[] data = null;
    try {
        in = new FileInputStream(WorkConstant.PROIMAGE_DIR_REALNAME + "/webSystem/" + imgPath);
        data = new byte[in.available()];
        in.read(data);
        in.close();
    } catch (IOException e) {
        e.printStackTrace();
    }
    //进行Base64编码
    BASE64Encoder encoder = new BASE64Encoder();
    return encoder.encode(data);
}

2、前台img标签显示图片

 $.ajax({
                url:'./getBaseImg.do',
                data:{imgPath:$("#webImage").val()},
                success:function (data) {
                    $("#webImageTrue").attr("src", "data:image/jpeg;base64,"+data);
                }
            })

这种就可以实现img标签显示本地文件了