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"),然后传到页面即可正常显示。

目录
相关文章
|
前端开发 Go C++
CSS命名规则规范整理
大家在写css的时候,经常会遇到关于命名的问题。页面上成百甚至上千的class或者id,我们就会越来越感到困扰。 所以,这样我们就很有必要整理自己的一套命名规范。
9615 0
CSS命名规则规范整理
|
JavaScript
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
3730 0
VUE element-ui之form表单自定义验证11位手机号码(封装验证规则)
|
11月前
|
存储 人工智能 Cloud Native
云栖重磅|从数据到智能:Data+AI驱动的云原生数据库
在9月20日2024云栖大会上,阿里云智能集团副总裁,数据库产品事业部负责人,ACM、CCF、IEEE会士(Fellow)李飞飞发表《从数据到智能:Data+AI驱动的云原生数据库》主题演讲。他表示,数据是生成式AI的核心资产,大模型时代的数据管理系统需具备多模处理和实时分析能力。阿里云瑶池将数据+AI全面融合,构建一站式多模数据管理平台,以数据驱动决策与创新,为用户提供像“搭积木”一样易用、好用、高可用的使用体验。
云栖重磅|从数据到智能:Data+AI驱动的云原生数据库
|
JavaScript 前端开发
JS之url进行编码和解码(三种方式)
JS之url进行编码和解码(三种方式)
19546 2
|
10月前
|
缓存 Java 应用服务中间件
nginx的正向代理和反向代理以及tomcat
Nginx的正向代理和反向代理功能在不同的场景中具有重要作用,正向代理主要用于客户端访问控制和匿名浏览,而反向代理则用于负载均衡和高可用性服务。Tomcat作为Java Web应用服务器,与Nginx结合使用,可以显著提升Web应用的性能和稳定性。通过合理配置Nginx和Tomcat,可以构建高效、稳定和可扩展的Web服务架构。
347 11
|
API 调度 iOS开发
多线程和异步编程:什么是 GCD(Grand Central Dispatch)?如何在 iOS 中使用 GCD?
多线程和异步编程:什么是 GCD(Grand Central Dispatch)?如何在 iOS 中使用 GCD?
214 1
|
分布式计算 关系型数据库 Hadoop
使用Sqoop将数据从Hadoop导出到关系型数据库
使用Sqoop将数据从Hadoop导出到关系型数据库
|
Windows
在idea使用GitHub账号、Copilot异常
在idea使用GitHub账号、Copilot异常
399 0
|
分布式计算 Java Hadoop
虚拟机安装配置JDK和Hadoop
虚拟机安装配置JDK和Hadoop
606 0
|
数据库 C#
C#,.net,winform导入Excel功能以及下载Excel文件到本地,并使用SqlBulkCopy把DataTable类型的数据写入到sqlserver数据库中
C#,.net,winform导入Excel功能以及下载Excel文件到本地,并使用SqlBulkCopy把DataTable类型的数据写入到sqlserver数据库中
272 0