在浏览器中预览图片
来源:互联网 发布:加拿大公立高中知乎 编辑:程序博客网 时间:2024/06/06 11:44
后台吧图片写到response 的输出流中
@RequestMapping(value = "/file/get", method = RequestMethod.GET)
public void getFile(String uuid, HttpServletRequest req, HttpServletResponse res) throws Exception {
res.setContentType("text/html;charset=UTF-8");
res.setCharacterEncoding("UTF-8");
res.setContentType("application/octet-stream");
SysFileVerResuDTO ver = fileService.getFile(uuid);
if(null == ver)
return;
res.setHeader("Content-disposition", "attachment; filename="+MyUtils.encodeFilename(ver.getFile_nm() + "." +ver.getFile_type(), req));
OutputStream os = res.getOutputStream();
try{
os.write(ver.getFile_storage());
} catch(Exception e) {
System.out.println("文件未找到:"+uuid+"");
}
os.flush();
os.close();
}
通过文件的uuid 得到文件的二进制码,然后写到输出流中
html
<div id="out_div" >
<img id="imgs" src=""/>
</div>
用img标签显示图片
js
var uuid=sckj.getvl("uuid");
$("#imgs").attr("src","/file/get?uuid="+uuid);
得到img标签,设置src属性。
- 在浏览器中预览图片
- 在浏览器中预览图片
- js实现图片在浏览器进行预览
- 在sublime-text中设置浏览器预览
- 在sublime-text中设置浏览器预览
- 让sublime可以在浏览器中预览
- 在sublime中设置浏览器预览
- 在sublime中设置浏览器预览
- 浏览器图片预览
- 在outlook2003中预览附件图片
- 在arcengine中实现图片预览
- 新版本浏览器中如何实现图片预览功能
- Ext 图片上传及预览,兼容多中浏览器
- IE7 浏览器预览本地图片
- 浏览器处理预览图片方法
- 带预览的图片浏览器
- 浏览器预览远程ftp图片
- 在sublime text2 中开发前端,设置调用浏览器预览
- 409. Longest Palindrome
- 谈谈对CAP定理的理解
- Belady现象
- webrtc 初认识
- Java书推荐
- 在浏览器中预览图片
- python + PIL转图片格式
- 在 Linux 下搭建 Git 服务器
- IEEE802.3标准
- kafka设计解析-kafka Consumer设计解析(转)
- Openlayers之热点图
- [bzoj4698][SDOI2008]Sandy的卡片
- windows mysql提示:1045 access denied for user 'root'@'localhost' using password yes 和ERROR 1820解决办法wan
- openstack 管理三十三