`
小牧童
  • 浏览: 8919 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

img src 中文路径解决办法

阅读更多
   最近有个项目场景如下:需要后台遍历图片、视频所在的文件夹,获取的到的路径传递到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"),然后传到页面即可正常显示。
      
分享到:
评论

相关推荐

    vue 动态设置img的src地址无效,npm run build 后找不到文件的解决

    imgSrc写成require(‘path’); 原因: 动态添加src被当做静态资源处理了,没有进行编译 npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND 解决办法: 进入:build文件夹 &gt; 打开 webpack.prod.conf.js ...

    正则获取html中的 <img src = 图片地址

    &lt;img src="图片地址" alt="图片描述" /&gt; ``` 其中,`src`属性指定图片的URL,`alt`属性提供图片的替代文本。 正则表达式是一种模式匹配的语言,可以用来搜索、替换或者分割字符串。要提取`&lt;img&gt;`标签的`src`属性,...

    相对路径和img标签demo

    &lt;img src="图像路径" alt="替代文本"&gt; ``` - `src`属性:这是必需的,用于指定图像文件的路径,可以是绝对路径或相对路径。 - `alt`属性:提供图像的替代文本,当图像无法显示(如网络问题或用户禁用了图像)时,这...

    vue动态设置img的src路径实例

    总结来说,无论是Vue2.x还是Vue3.x,动态设置img标签的src属性都是通过将图片路径设置为组件的响应式数据来实现的。在Vue2.x中我们使用require函数,在Vue3.x中则可以利用ES6的import语法。这样的做法不仅保持了数据...

    vue :src 文件路径错误问题的解决方法

    assets 文件夹中的文件会被 Webpack 处理和解析为模块依赖,只支持相对路径的形式,如 `&lt;img src="./logo.png"&gt;` 和 `background:url(./logo.png)`,这里的 "./logo.png" 是相对资源路径,将被 Webpack 解析为模块...

    在html的img src=""中调用js函数或js变量来动态指定图片路径

    本篇文章将详细介绍如何在`img`标签的`src`属性中调用JavaScript函数或变量来动态指定图片路径。 首先,让我们理解一下`src`属性的基本用法。在静态情况下,`src`属性会直接包含一个URL,如: ```html &lt;img src=...

    解决vuecli3中img src 的引入问题

    总结来说,解决Vue CLI 3中`img src`的引入问题,你需要根据图片的使用场景选择合适的引用方式。对于静态资源,可以考虑`static`目录;对于需要webpack处理的资源,放在`assets`并使用`require`;对于动态加载或与...

    vue中img src 动态加载本地json的图片路径写法

    本文将深入探讨如何在Vue中使用`img`标签的`src`属性动态加载本地JSON文件中存储的图片路径。 首先,重要的一点是,无论是本地JSON文件还是其中的图片URL,它们都应该放在`static`文件夹内。这是因为Vue CLI或...

    Tomcat服务器图片地址中文路径问题解决办法

     &lt; IMG SRC=”中文图片.jpg” WIDTH=”77″ HEIGHT=”80″ BORDER=0 ALT=””&gt; 或 ”中文.jsp”&gt;中文文件名&lt; / a&gt; 或 http://127.0.0.1:8080/中文.[扩展名] 通常在以上三种情况下,Tomcat5服务器会报告找不到...

    关于vue v-for循环解决img标签的src动态绑定问题

    在动态绑定&lt;img&gt;标签的src属性时,通常会遇到路径和上下文环境的问题。这主要是因为浏览器在加载图片时,需要根据当前页面的相对路径或者绝对路径来寻找资源。如果路径设置错误,浏览器无法找到资源,就会导致图片...

    Nuxt v-bind绑定img src不显示的解决

    如果你写成动态的,webpack就不会进行编译,原封不动的把’~/assets/img/home.png’ 放到你图片的src里面,’http://xxx.xxx.xxx/~/assets/i…’不存在这张图片! 解决方法1: 把图片存在服务器,使用网络路径, ...

    JavaScript正则表达式替换字符串中图片地址(img src)的方法

    针对替换img标签src属性的问题,我们可以创建一个正则表达式来匹配img标签及其src属性。以下是一个示例: ```javascript const content = '&lt;img src="//...

    HTML 图片不存在则显示一个默认图片

    &lt;img src="image-url" alt="替代文本"&gt; ``` 这里的`src`属性定义了图片的URL,而`alt`属性提供了图片的替代文本,当图片无法显示时,浏览器会显示这个文本。 为了在图片加载失败时显示默认图片,我们可以利用`on...

    HTML中img相对路径的学习测试文件夹demo

    HTML中的&lt;img&gt;标签是用于在网页中插入图像的关键元素,其`src`属性定义了图像的源路径。在这个"HTML中img相对路径的学习测试文件夹demo"中,我们可以深入理解如何正确地使用相对路径来引用图片资源。 相对路径是相...

    Vue 自定义标签的src属性不能使用相对路径的解决

    这个问题主要与vue-loader的资源路径处理规则有关,本文将详细介绍如何解决Vue自定义标签src属性无法使用相对路径的问题,并提供相关的解决方案和配置说明。 首先,需要理解的是,Vue.js在构建过程中使用了vue-...

    html相对路径问题及图片标签

    如果图片在上一级目录,路径将是 `&lt;img src="../image.jpg"&gt;`。若需要回溯多级,可以连续使用 `..`,例如 `&lt;img src="../../image.jpg"&gt;`。 - **子目录路径**:使用一个点加斜线 (`./`) 表示当前目录,然后指定子...

    Vue中img的src是动态渲染时不显示的解决

    `imgSrc`是绑定的数据对象的属性,它应该返回图片的URL地址。 在文档的描述中提到了一个实际项目案例,其中包括了用户头像的展示,并且说明了如果从后端获取不到用户头像的数据,则应显示一张默认的图片。在Vue中,...

Global site tag (gtag.js) - Google Analytics