jquery 下载图片另存为
2020-07-14 05:32
513 查看
1,场景:附件列表上传操作字段,有一个下载按钮,现在附件,当附件类型为图片时,A标签无法另存为。
2,解决办法,采用表单提交的方式,由后端java处理完,采用iamgeIo输出到页面。
前端代码
js
java代码
3,效果
2,解决办法,采用表单提交的方式,由后端java处理完,采用iamgeIo输出到页面。
前端代码
<e:form id="queryForm">
<input type="hidden" name="path" id="path" />
</e:form>
js
function downloadImg(imagePathURL){
$("#queryForm").attr("action","${request.getContextPath()}/ajaxUpload/downloadPic");
$("#queryForm").submit();
}
java代码
def downloadPic(){
String path = params.path;
String[] spUrl = path.toString().split("/");
int len = spUrl.length;
String endUrl = spUrl[len - 1];
int dot = endUrl.lastIndexOf('.');
String suffix = endUrl.substring(dot + 1, endUrl.length());
URL url = new URL(path);
BufferedImage img = ImageIO.read(url);
response.setContentType("application/octet-stream");
response.setHeader("Content-Disposition", "attachment;filename=".concat(String.valueOf(URLEncoder.encode(endUrl, "UTF-8"))));
OutputStream os = response.getOutputStream();
ImageIO.write(img,suffix,os);
os.close();
}
3,效果
相关文章推荐
- jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
- Java读写网络图片,相当于图片下载或图片另存为
- jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
- 分享25个网站常用基于jquery焦点图图片展示代码下载
- jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
- 30款jQuery常用网页焦点图banner图片切换 下载 (转)
- jQuery 实现图片下载代码
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
- js或者jquery直接下载网页上的图片代码
- 一款简单的jQuery图片标注效果附源码下载
- 轻量级网页图片滚动展示jquery插件FlexSlider(附下载)
- jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
- asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
- Win8.1 删除另存为中的 视频、图片、文档、下载
- asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
- 使用cropbox.js+jquery.js+servlet实现图片的上传下载
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件