<img>标签在vue中的使用
2024-10-12 23:58:00
定义和用法
onerror 事件会在文档或图像加载过程中发生错误时被触发。
在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。
实例 加载缩略图
<img :src="'/xxxx/downLitimg.do?xxxID='+xxxid" onerror="javascript:this.src='${sysHostUrl}/static/img/pdf_icon.png'">
vue写法:src="'/xxxx/downLitimg.do?xxxID='+xxxid" 调后台接口
加载缩略图失败后会去加载一张默认的图片:onerror="javascript:this.src='${sysHostUrl}/static/img/pdf_icon.png'"
java后台代码:
/**
* 下载缩略图
*
* @param ArchiveDetailUUID
*/
@GetMapping(value = "downLitimg.do")
public void downLitimg(String ArchiveDetailUUID,String YearMonth, HttpServletRequest request, HttpServletResponse response) {
try {
AfdataLitimg entity=afdataLitimgService.find(ArchiveDetailUUID,YearMonth);
if (entity != null && entity.getLitimgData()!=null && entity.getLitimgData().length>0) { response.setContentType("image/jpeg");
OutputStream toClient = new BufferedOutputStream(response.getOutputStream());
toClient.write(entity.getLitimgData());
toClient.flush();
toClient.close(); return;
}else{
System.out.println("图片加载没有数据C,getLitimgData=null"+ArchiveDetailUUID);
return;
}
} catch (IOException ex) {
System.out.println("图片加载异常D,"+ArchiveDetailUUID+"-----"+ex.getMessage());
LogerHelper.WebLog(ex.getMessage());
return;
}
} 实际效果gif:
最新文章
- js随机数
- 对OnOutOfMemoryError的运维处理
- tomcat 容器生命周期lifecycle
- 修改hosts
- webkit浏览器渲染影响因素分析
- css阴影效果
- css3旋转小三角
- 推荐最近使用的一个APP
- (转)Centos5.5安装MONO2.10.8和Jexus 5.0开启Linux平台.net应用新篇章
- Netty4.x分析
- https证书申请
- 1006 Do the Untwist
- c# 使用 HttpWebRequest模拟登陆
- 连接 sqlserver
- 小白学习Python遇到的一些2.7与3.X之间的不同问题
- 【CAS单点登录视频教程】 第03集 -- 配置 tomcat的 ssl
- NewStyleClass学习笔记[一]
- [luogu 3957]跳房子
- 64位tomcat不能配32位的JDK使用
- 小学四则运算结对项目报告(GUI)
热门文章
- Atcoder Beginner Contest 156E(隔板法,组合数学)
- centos7 tar.gz zip 解压命令
- 如何去官网上下载tomcat的linux版本
- codeforces 1282B2. K for the Price of One (Hard Version) (dp)
- Centos7下配置Apache的虚拟主机
- 关于Excute()方法,与in参数连用
- c# 技巧
- 第四十七篇 入门机器学习——分类的准确性(Accuracy)
- 使用 NuGet 包管理器在 Visual Studio 中安装和管理包
- Virtual Judge HDU 1241	Oil Deposits