通过js下载图片

原创于 2018-08-07 14:04:53 发布 · 4.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js下载图片

JavaScript 同时被 2 个专栏收录

84 篇文章

订阅专栏

javascript入门到进阶

71 篇文章

订阅专栏

本文介绍三种利用浏览器特性实现文件下载的方法：通过触发a标签的click事件实现文件下载；使用JavaScript创建a标签并调用click方法实现文件下载；注意事项及测试环境说明。

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

简介

其实原理很简单就是通过浏览器的性质来完成下载

方案1

function download(src) {
    const $a = document.createElement('a');
    $a.setAttribute("href", src);
    $a.setAttribute("download", "");

    const event = new MouseEvent('click');
    $a.dispatchEvent(evObj);
};

此方法原理为触发a标签的click事件

方案二

function download(src) {
    const $a = document.createElement('a');
    $a.setAttribute("href", src);
    $a.setAttribute("download", "");

    $a.click()
};