Chrome浏览器不能显示缩略图并且报 Not allowed to load local resource: 的错误

[youyiyang]

我在一个Spring MVC的网站前台显示后台上传到服务器空间的图片的缩略图时候，碰到Chrome浏览器不能显示缩略图并且报
Not allowed to load local resource: 的错误。



我查了下百度，这是因为Chrome浏览器的安全限制的原因，这个 链接是对的，如下所示：
file:///E:/HTML/SpringMVC/wtpwebapps/Upload/fileupload/monkeyking123/1392865579575.jpg
如果它直接放到Chrome浏览器的地址栏上面是 可以在下面显示整张图片的。

请问应该怎么写这个链接能够在前台看到图片缩略图？

<img src="file://${baseUploadFolder}/${attr}" width="30" height="30">

查下下百度，可以通过修改Tomcat的server.xml文件，

<Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">

        <!-- SingleSignOn valve, share authentication between web applications
             Documentation at: /docs/config/valve.html -->
        <!--
        <Valve className="org.apache.catalina.authenticator.SingleSignOn" />
        -->

        <!-- Access log processes all example.
             Documentation at: /docs/config/valve.html
             Note: The pattern used is equivalent to using pattern="common" -->
        <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
               prefix="localhost_access_log." suffix=".txt"
               pattern="%h %l %u %t "%r" %s %b" />
        

        <Context path="/files"     docBase="E:\HTML\SpringMVC\wtpwebapps\Upload\fileupload\monkeyking123\" debug="0" reloadable="true"/> 		
      </Host>

在<Host></Host>里面加上了Context path, 然后jsp页面写成这样：

<img src="/files/${attr}" width="30" height="30">

但是这样写前台Chrome还是报这个错：
GET http://localhost:8080/files/1392865629364.jpg 404 (Not Found)

请问这个问题怎么解决？

[licky_yo]

方案一：可以考虑后台拿到图片文件后，使用base64加密成字符串，前端直接拿到字符串放到src属性上即可。 https://blog.csdn.net/u013274055/article/details/52946668/ 方案二：如果放在资源文件夹下，想通过url直接获取的话，需要在mvc里设置资源访问路径。 https://blog.csdn.net/zhou920786312/article/details/70148424 鉴于要做成缩略图，推荐使用第一中方法。

[落魄的Java开发]

并没用啊 第一种方法 40

[Lw0908]

兄嘚，修改过service.xml文件后，重新启动tomcat，在运行试试

[youyiyang]

@Lw0908好的，再试试

[不想成为大佬的菜鸟不是好菜鸟]

请问您是怎么解决的？？？我遇见了相同的问题

[qq_42269145]

请问您怎么解决的？我遇到了相同的问题，试了上面的解决方法，但是问题依然存在