`
wangcheng
  • 浏览: 1463416 次
  • 性别: Icon_minigender_1
  • 来自: 青岛人在北京
社区版块
存档分类
最新评论

img标签动态请求图片

    博客分类:
  • ajax
阅读更多

html的img标签是很常见的,一般的应用是

xml 代码
 
  1. <img src="/images/abc.jpg"/>  

等形式。

其实浏览器在解析html时,遇到img标签后会单独请求src里指定的url。
这样就可以简单的使用img标签来动态加载图片了。

测试程序基于struts,先来写个action

java 代码
 
  1. public ActionForward image(ActionMapping mapping, ActionForm form,  
  2.         HttpServletRequest request, HttpServletResponse response)  
  3.         throws Exception {  
  4.     File file= new File(request.getSession().getServletContext().getRealPath("/images/abc.jpg"));  
  5.       
  6.     if(file.exists()) {  
  7.         response.setContentType("image/jpeg");  
  8.         ServletOutputStream sos = response.getOutputStream();    
  9.         IOUtils.copy(new FileInputStream(file), sos);  
  10.         sos.flush();  
  11.         sos.close();  
  12.     }  
  13.     return null;  
  14. }  
struts-config.xml的配置也很简单,这里就不写了。

最后就是写个html文件,里面只写一句就可以了
xml 代码
 
  1. <img src="image.do?method=image"/>  
分享到:
评论

相关推荐

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

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

    vue src动态加载请求获取图片的方法

    本篇文章将详细讲解如何在Vue中通过`src`属性动态加载本地图片和请求获取的图片。 一、加载本地图片 1. **图片目录结构**: 通常,我们会在项目的`src/assets`目录下存放项目中的静态资源,包括图片。例如,你...

    图片img的src不变让浏览器重新加载实现方法

    这可能导致我们无法看到图片的最新版本,特别是在进行动态更新或测试时。为了解决这个问题,我们可以采用一些技巧让浏览器认为图片URL发生了变化,从而强制重新加载。 首先,我们要理解浏览器的缓存策略。HTTP协议...

    img的src地址是一个请求的方式来显示图片方法

    这就是所谓的“img的src地址是一个请求的方式来显示图片方法”。 当我们在`&lt;img&gt;`标签中设置`src`属性时,可以使用相对路径或绝对路径。相对路径是指相对于当前HTML文档位置的路径,而绝对路径则是完整的URL,包括...

    Vue动态加载图片在跨域时无法显示的问题及解决方法

    问题:VUE开发时因为要访问后端的接口所以要配置请求转发,如果直接转发全部请求,那么VUE动态绑定的src也会转发到后端,因为图片在前端,所以会收到404 NOT FOUND的报错。 常规的请求转发 在vue-cli3内,直接编辑...

    爬取数据库中的img标签并判断数据访问的合法性

    标题“爬取数据库中的img标签并判断数据访问的合法性”暗示了我们需要结合数据库操作和网页爬虫技术,确保在获取和使用图片数据时遵守法律法规和网站的robots.txt规则。 首先,让我们详细讨论如何爬取img标签。HTML...

    JSP结合js实现img中src更新请求的方法

    本示例通过结合JSP和JavaScript,展示了如何实现在img标签中src属性的动态更新,从而达到请求新图像的目的。以下是对这个方法的详细说明: 1. **JavaScript部分**: - 定义了一个名为`changeImage`的JavaScript...

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

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

    爬虫+URL获取Img高宽

    - 发送HEAD请求:只请求图片的头部信息,其中可能包含图片的元数据,如尺寸。但这种方法并不总是可靠,因为不是所有服务器都会返回这些信息。 - 直接下载图片:下载图片到本地,然后使用Java的ImageIO类读取图片...

    动态添加图片(QQ空间添加图片效果)

    在IT行业中,动态添加图片是一项常见的需求,尤其在社交网络平台如QQ空间中,用户往往需要实时上传或插入图片来丰富自己的动态内容。本篇将深入探讨如何实现类似QQ空间的动态添加图片效果,以及涉及的技术点。 首先...

    javascript动态改变img的src属性图片不显示的解决方法

    总之,在使用JavaScript动态更改img的src属性时,应当注意不同浏览器的兼容性问题,特别是在旧版本的IE浏览器中,通过防止a标签的默认行为,可以有效地解决图片不显示的问题。同时,合理使用JavaScript和HTML的语义...

    使用图片地图减少HTTP请求

    HTML的`&lt;img&gt;`标签常用于在网页中插入图像,而`&lt;map&gt;`元素则允许我们为图像定义可点击的区域,这就是所谓的“图片地图”。`&lt;map&gt;`元素需要一个`name`属性,用于引用与之关联的`&lt;area&gt;`元素,`&lt;area&gt;`元素则定义了...

    Java抓取网页图片链接地址

    抓取网页图片链接的基本思路是通过解析HTML文档来识别`&lt;img&gt;`标签中的`src`属性值,即图片的实际URL。本示例代码利用了Java正则表达式与`java.util.regex`包中的`Pattern`和`Matcher`类来完成这一任务。 #### 示例...

    javascript修改IMG标签的src问题

    关于JavaScript修改img标签的src属性的问题,涉及到浏览器缓存机制和动态更新图片源的需求。在IE6浏览器中图片可以正常刷新,但在IE7和Firefox浏览器中遇到刷新不出现的情况,主要的原因可能和浏览器对静态资源的...

    springmvc采用freemarker动态生成带图片的word

    在Word文档中,我们可以直接将Base64编码的字符串插入到一个特殊的HTML标签(如`&lt;img&gt;`)的`src`属性中,Word会自动解析这个字符串并显示图片。 具体步骤如下: 1. 将图片文件读取为字节数组。 2. 使用Base64编码...

    asp实现图片动态切换

    4. **DOM操作**:通过JavaScript的DOM(Document Object Model)接口,可以修改页面元素,如替换`&lt;img&gt;`标签的`src`属性,从而实现图片的切换。 5. **CSS样式**:CSS用于美化图片切换的效果,比如设置图片大小、...

    JS动态修改图片的URL(src)的方法

    当img标签的src属性被修改之后,浏览器会发送一个新的HTTP请求到图片的URL地址。如果图片的URL指向网络上的一个图片文件,那么浏览器将会下载这个图片并显示在页面上。如果图片是本地文件或者通过某些策略(如CORS)...

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

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

    img_download.rar

    在本案例中,我们关注的是一个名为"img_download.rar"的压缩包文件,它包含了一个使用Java编写的爬虫程序,该程序专门设计用于动态获取并下载百度图片。这个程序对于那些需要大量图片资源或者想要学习网络爬虫技术的...

    Vue.js 动态为img的src赋值方法

    在Vue.js中,动态地为`&lt;img&gt;`标签的`src`属性赋值是一个常见的需求,尤其是在处理异步数据或者根据条件展示不同图片时。在给出的场景中,我们需要根据`data.List`中的`sex`字段(性别)来决定图片的路径。下面将详细...

Global site tag (gtag.js) - Google Analytics