前端：如何在重定向后下载图片

怕冷的火焰（~杰）

已于 2022-09-19 11:00:48 修改

阅读量550

点赞数

分类专栏：前端文章标签：前端 java javascript

于 2022-08-29 14:13:36 首次发布

本文链接：https://blog.csdn.net/weixin_50236973/article/details/126583887

版权

前端专栏收录该内容

52 篇文章 0 订阅

订阅专栏

handleDownload = () => {
    const url = 'http://xxxxxxxxxxxx'; // url为地址，按回车后会重定向到图片的地址

    fetch(url, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        }
    })
        .then(response => response.json())
        .then(resp => {
            if (resp.bean) {
                // resp.bean为图片真实地址
                const aEle = document.createElement('a');
                document.body.appendChild(aEle);
                aEle.style.display = 'none';
                aEle.href = resp.bean;
                aEle.download = '这个是文件名';
                aEle.click();
                document.body.removeChild(aEle);
            }
        })
}