img中 src 中文路径解决办法

简介: 最近有个项目场景如下:需要后台遍历图片、视频所在的文件夹,获取的到的路径传递到JSP页面,使用显示图片。遇到的问题:如果图片的路径、图片名存在中文,则 无法读取到图片。错误截图:原因:主要是由于字符编码不一致,Tomcat5 的http Connector默认字符编码是"iso-8859-1"。

最近有个项目场景如下:需要后台遍历图片、视频所在的文件夹,获取的到的路径传递到JSP页面,使用<img src="具体的路径">显示图片。遇到的问题:如果图片的路径、图片名存在中文,则<img> 无法读取到图片。

错误截图:

原因:主要是由于字符编码不一致,Tomcat5 的http Connector默认字符编码是"iso-8859-1"。

解决办法有如下两种方式: 
1.修改Tomcat中conf文件夹下的server.xml。找到 <Connector port="">,增加URIEncoding="UTF-8" ,指定URL的编码为UTF-8;


2.本人使用的是内嵌的Tomcat,而项目的运行环境指定编码为GBK,按照方法1修改,对其它功能会产生影响,这时可以这样解决,在JAVA中对中午的路径进行转码,使用URLEncoder.encode( 需要转码的内容, "gbk"),然后传到页面即可正常显示。

目录
相关文章
|
存储
Typora上传图片后提示 “image load failed“ 无法加载出图片
Typora上传图片后提示 “image load failed“ 无法加载出图片
2490 1
Typora上传图片后提示 “image load failed“ 无法加载出图片
|
前端开发
前端报错 error in ./src/styles/index.scss 解决办法
前端报错 error in ./src/styles/index.scss 解决办法
5033 0
|
应用服务中间件
dist文件夹、src文件夹、dest文件夹作用
dist文件夹、src文件夹、dest文件夹作用
445 0
|
应用服务中间件
JavaWeb项目img标签的图片无法加载的原因及解决方法
JavaWeb项目img标签的图片无法加载的原因及解决方法
1077 0
JavaWeb项目img标签的图片无法加载的原因及解决方法
Hexo 图片上传之 hexo-asset-image 路径编译 BUG
这个 BUG 的来源于是因为博主想在 hexo 当中进行本地查看的时候发现图片加载全部未显示,然后我就查看控制台编译的结果发现,路径如下:
117 0
|
Python
PyQt5 技巧篇-解决相对路径无法加载图片问题,styleSheet通过"相对"路径加载图片,python获取当前运行文件的绝对路径。
PyQt5 技巧篇-解决相对路径无法加载图片问题,styleSheet通过"相对"路径加载图片,python获取当前运行文件的绝对路径。
759 0
PyQt5 技巧篇-解决相对路径无法加载图片问题,styleSheet通过"相对"路径加载图片,python获取当前运行文件的绝对路径。
|
前端开发 JavaScript Java
关于富文本编辑器—UEditor(java版)的使用,以及如何将UEditor的文件/图片上传路径改成绝对路径
突然发现好久没写博客了,感觉变懒了,是要让自己养成经常写文章的习惯才行。既可以分享自己的所学,和所想,和大家一起讨论,发现自己的不足的问题。 大家可能经常会用到富文本编辑器,今天我要说的是UEditor的使用,这是一个简单易用的开源富文本编辑器。
3415 0
|
JavaScript
js 最简单的实现复制到剪切板 xl_copy
使用   npm install xl_copy // 项目中安装 import clipboard form 'xl_copy' // 引用 element.onclick = ()=>{     clipboard('test')  // 复制 test }   1、介绍     利用原生...
1309 0