`
wangcheng
  • 浏览: 1453958 次
  • 性别: 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动态绑定问题

    今天小编就为大家分享一篇关于vue v-for循环解决img标签的src动态绑定问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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

    主要为大家详细介绍了vue src动态加载请求获取图片的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

    javascript给这个img标签的src属性后面拼接一个 ? 和 javascript对象new Date().getTime()毫秒值做成queryString的样子,就能防止被缓存了在图片地址src不变的情况下让浏览器重新加载图片 实际上,在src不变时,...

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

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

    python图像爬虫代码:用于爬取网站上的图片和视频资源.txt

    对于每个标签,我们检查它是否有src属性,如果有,我们就认为这个标签是一个图片或视频的URL。我们将所有找到的图片和视频的URL保存在一个列表中,并返回这个列表。 3. 接下来,我们定义了一个download_img_and_...

    一个简单的Python爬虫案例是爬取网页上的图片.txt

    在这个Python爬虫案例中,我们首先导入了所需的库,然后定义了三个函数:get...对于每个&lt;img&gt;标签,我们获取其src属性作为图片链接。如果图片链接以"http"开头,说明是一个有效的图片链接,将其添加到img_links列表中。

    Java抓取网页图片链接地址

    用来抓取网页上的 图片的超链接 你也可以适当修改 用来抓取其他连接

    AJAX(XMLHttpRequest)进行跨域请求方法详解

    跨域请求,顾名思义,就是一个站点中的资源去访问另外...这种情况很常见,比如说通过 style 标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script 标签加载外部脚本文件、通过 Webfont 加载字体文件等等。

    用 python编写的爬虫项目集合

    baidu_sy_img.py: 抓取百度的高清摄影图片。...xz_picture_spider.py: 应一位知友的请求,抓取某网站上面所有的写真图片。 one_img.py: 抓取one文艺网站的图片。 get_baike.py: 任意输入一个关键词

    用 python编写的爬虫项目集合()本项目代码仅作为爬虫技术学习之用,学习者务必遵循中华人民共和国法律!)

    baidu_sy_img.py: 抓取百度的高清摄影图片。...xz_picture_spider.py: 应一位知友的请求,抓取某网站上面所有的写真图片。 one_img.py: 抓取one文艺网站的图片。 get_baike.py: 任意输入一个关键词

    JS图片懒加载的优点及实现原理

    先将图片的src设置为同一张图片或者不设置,同时给img标签设置一个特殊属性,例如:data-src用于存放图片的真实预览地址;若图片未进入可视区域时,展示同一张图片或者直接不展示图片,此时就不会发生http请求,当...

    LUENwu#html-basic-one#HTML常用标签1

    如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件.2.img标签的用法作用:发送get请求,展示一张图片属性:alt/height/width

    python编写的爬虫项目集合

    baidu_sy_img.py: 抓取百度的高清摄影图片。...xz_picture_spider.py: 应一位知友的请求,抓取某网站上面所有的写真图片。 one_img.py: 抓取one文艺网站的图片。 get_baike.py: 任意输入一个关键词抓取

    小程序富文本提取图片可放大缩小

    本文实例为大家分享了小程序富文本提取图片可放大缩小的具体代码,供大家参考,具体内容如下 启发: 因为最近有需求说在小程序商品的详情页里...第三步就是用正则全局匹配img标签,并且替换成空,这里setData是为了

    图片爬虫工具.zip

    提供可视化界面, 可爬取百度图片关键词和任意网址的图片,并集成了labelimg打标签的功能,用于深度学习数据集的收集和标注。 爬虫(Web Crawler)是一种自动化程序,用于从互联网上收集信息。其主要功能是访问网页...

    Jquery遮罩ShowLoading组件

    test_img的标签,需要通过ajax访问后台,并在add_test_img标签中显示一些相关内容,在内容显示之前,可对add_test_img标签使用遮罩,防止在数据显示之前,被修改其中的内容 复制代码 //显示遮罩 $(".add_test_img")....

    next-images:在Next.js中导入图像(支持jpg,jpeg,svg,png和gif图像)

    Next.js +图片 在导入图像(默认情况下为jpg,jpeg,png,svg,fig,ico,webp,jp2和avif图像)。 特征 从本地计算机加载图像 从远程(例如CDN)加载图像 将小型图像内联到Base64以减少http请求 在文件名中添加...

    WebWorkerImgLoading:使用Web Worker加载图像

    此延迟加载技术与传统的延迟加载技术之间的区别在于,它可以从UI线程中删除工作并并行加载图像,而传统上,您要等到UI加载完毕后,再在img标签上设置src属性,以便它们使用典型的浏览器加载方法。一次加载UI和图像与...

    前端css+html+布局笔记

    颜色单一,简单透明的图片,动态图 PNG 颜色丰富,复杂透明的图片 图片选择的原则 效果一致,用小的 效果不一致,用效果好的 相对路径 相对于当前资源所在的目录的路径 可以使用../返回一级目录,...

    JS跨域访问解决方案的总结.doc

    这种情况很常见,比如说通过style标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script 标签加载外部脚本文件、通过 Web font 加载字体文件等等。默认情况下,脚本访问文档属性等数据采用的是同源策略...

Global site tag (gtag.js) - Google Analytics