`
- 浏览:
8992 次
- 性别:
-
最近有个项目场景如下：需要后台遍历图片、视频所在的文件夹，获取的到的路径传递到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")，然后传到页面即可正常显示。
分享到：
相关推荐
imgSrc写成require(‘path’)； 原因： 动态添加src被当做静态资源处理了，没有进行编译 npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND 解决办法： 进入：build文件夹 > 打开 webpack.prod.conf.js ...
<img src="图片地址" alt="图片描述" /> ``` 其中，`src`属性指定图片的URL，`alt`属性提供图片的替代文本。 正则表达式是一种模式匹配的语言，可以用来搜索、替换或者分割字符串。要提取`<img>`标签的`src`属性，...
<img src="图像路径" alt="替代文本"> ``` - `src`属性：这是必需的，用于指定图像文件的路径，可以是绝对路径或相对路径。 - `alt`属性：提供图像的替代文本，当图像无法显示（如网络问题或用户禁用了图像）时，这...
总结来说，无论是Vue2.x还是Vue3.x，动态设置img标签的src属性都是通过将图片路径设置为组件的响应式数据来实现的。在Vue2.x中我们使用require函数，在Vue3.x中则可以利用ES6的import语法。这样的做法不仅保持了数据...
assets 文件夹中的文件会被 Webpack 处理和解析为模块依赖，只支持相对路径的形式，如 `<img src="./logo.png">` 和 `background:url(./logo.png)`,这里的 "./logo.png" 是相对资源路径，将被 Webpack 解析为模块...
本篇文章将详细介绍如何在`img`标签的`src`属性中调用JavaScript函数或变量来动态指定图片路径。 首先，让我们理解一下`src`属性的基本用法。在静态情况下，`src`属性会直接包含一个URL，如： ```html <img src=...
总结来说，解决Vue CLI 3中`img src`的引入问题，你需要根据图片的使用场景选择合适的引用方式。对于静态资源，可以考虑`static`目录；对于需要webpack处理的资源，放在`assets`并使用`require`；对于动态加载或与...
本文将深入探讨如何在Vue中使用`img`标签的`src`属性动态加载本地JSON文件中存储的图片路径。 首先，重要的一点是，无论是本地JSON文件还是其中的图片URL，它们都应该放在`static`文件夹内。这是因为Vue CLI或...
< IMG SRC=”中文图片.jpg” WIDTH=”77″ HEIGHT=”80″ BORDER=0 ALT=””> 或 ”中文.jsp”>中文文件名< / a> 或 http://127.0.0.1:8080/中文.[扩展名] 通常在以上三种情况下，Tomcat5服务器会报告找不到...
在动态绑定<img>标签的src属性时，通常会遇到路径和上下文环境的问题。这主要是因为浏览器在加载图片时，需要根据当前页面的相对路径或者绝对路径来寻找资源。如果路径设置错误，浏览器无法找到资源，就会导致图片...
如果你写成动态的，webpack就不会进行编译，原封不动的把’~/assets/img/home.png’ 放到你图片的src里面，’http://xxx.xxx.xxx/~/assets/i…’不存在这张图片！ 解决方法1： 把图片存在服务器，使用网络路径， ...
针对替换img标签src属性的问题，我们可以创建一个正则表达式来匹配img标签及其src属性。以下是一个示例： ```javascript const content = '<img src="//...
这个问题主要与vue-loader的资源路径处理规则有关，本文将详细介绍如何解决Vue自定义标签src属性无法使用相对路径的问题，并提供相关的解决方案和配置说明。 首先，需要理解的是，Vue.js在构建过程中使用了vue-...
HTML中的<img>标签是用于在网页中插入图像的关键元素，其`src`属性定义了图像的源路径。在这个"HTML中img相对路径的学习测试文件夹demo"中，我们可以深入理解如何正确地使用相对路径来引用图片资源。 相对路径是相...
<img src="image-url" alt="替代文本"> ``` 这里的`src`属性定义了图片的URL，而`alt`属性提供了图片的替代文本，当图片无法显示时，浏览器会显示这个文本。 为了在图片加载失败时显示默认图片，我们可以利用`on...
`imgSrc`是绑定的数据对象的属性，它应该返回图片的URL地址。 在文档的描述中提到了一个实际项目案例，其中包括了用户头像的展示，并且说明了如果从后端获取不到用户头像的数据，则应显示一张默认的图片。在Vue中，...
如果图片在上一级目录，路径将是 `<img src="../image.jpg">`。若需要回溯多级，可以连续使用 `..`，例如 `<img src="../../image.jpg">`。 - **子目录路径**：使用一个点加斜线 (`./`) 表示当前目录，然后指定子...