jquery 下载图片另存为

最新推荐文章于 2022-11-18 15:34:34 发布

最新推荐文章于 2022-11-18 15:34:34 发布 · 2.1k 阅读

文章标签：

#javascript #java #前端 #ViewUI

代码专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种解决前端A标签无法将图片类型的附件另存为文件的问题的方法。通过使用表单提交的方式，配合后端Java代码处理，实现了图片附件的正确下载。此方案利用ImageIO将图片输出到页面，确保了用户可以正常保存图片附件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，场景：附件列表上传操作字段，有一个下载按钮，现在附件，当附件类型为图片时，A标签无法另存为。
2，解决办法，采用表单提交的方式，由后端java处理完，采用iamgeIo输出到页面。
前端代码

<e:form id="queryForm">
        <input type="hidden" name="path" id="path" />
    </e:form>

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();
    }