首页 > 其他分享 >js实现保存图片到本地

js实现保存图片到本地

时间:2022-08-21 00:55:30浏览次数:116  
标签:const 保存 js blob 本地 png 图片

当你想分享你的带二维码的宣传图片给别人的时候,一般要先将文件下载到本地,再去微信、或QQ等软件分享出去。

直接上代码:

// fetch有同源策略,本地调试注意要起服务器        
fetch("https://gelimalloss.gree.com/gree-mall-v2/images/comment-icon.png", {
            mode: 'cors'         })
        .then(async res => {
           const e = await res.blob()
           return e;
        })
        .then((blob) => {
            const a = document.createElement('a');
            a.style.display = 'none';
            a.href = URL.createObjectURL(blob);
            a.download = 'image.png';
            document.body.appendChild(a);
            a.click();
            setTimeout(() => {
                a.remove();
            }, 2000)
        })

 在浏览器的下载栏就会出现下载的图片了

 

标签:const,保存,js,blob,本地,png,图片
From: https://www.cnblogs.com/MissFelicia/p/16609192.html

相关文章

  • 将本地项目托管到码云步骤
    初始化本地项目将本地项目交由git管理在项目根目录执行命令:gitinit将项目中所有文件添加到暂存区gitadd.将暂存区内容提交到仓库区gitcommit-m"initproject"......
  • python获取返回的json中的某个字段值的函数
    响应报文的json一般为字典或者是列表嵌套字段的形式     defget_json_value(a,k,l:list):""":parama:传入的数据:paramkey:获取哪个字段值......
  • redhat7.9挂载本地ISO镜像为yum源
    将镜像文件复制到服务器的root目录新建一个更新源文件cat/etc/yum.repos.d/local_iso.repo[localiso]name=redhat_localbaseurl=file:///mnt/enable=1gpgcheck=0 挂......
  • Vulfocus靶场 | Metabase geojson任意文件读取漏洞(CVE-2021-41277)
    漏洞描述etabase是一个开源数据分析平台。在受影响的版本中,已发现自定义GeoJSON地图(admin->settings->maps->custommaps->addamap)支持和潜在的本地文件包含(包括环......
  • windows本地前后端分离,项目部署+内网穿透
    windows本地前后端分离,项目部署+内网穿透前端部署(vue,nginx)修改配置文件的后端接口地址(你准备部署到外网的接口地址)在终端运行:npmrunbuild(此时会在项目里生成dist......
  • springMvc35-jstl的jar包的下载
    .我们在使用spring框架的时候导入jstl标签库需要使用到jstl的jar包,假如没有加入到eclipse的lib目录下,使用alt+/的时候不会有提示,所以我们需要把这个jar包加进来首先登......
  • springMvc36-JavaEE-JSP基础-EL表达式和JSTL标签库(Taglibs)
    EL表达式和JSTL标签库:在JSP页面代替java代码,便于编写一.EL表达式   作用:${}简化脚本表达式<%=%>   j2ee1.4以前版本需指定<%@pageisELIgnored="false......
  • MarkDown 本地图片快速上传到博客园
    到.NETDownloads下载.NET5打开CMD之类的终端,运行dotnettoolinstall--globaldotnet-cnblog安装dotnet-cnblogs-tool到博客后台创建Token,并复制运行......
  • js获取video的暂停、播放事件,并切换清晰度
    1、video是H5新增的视频标签,在项目上用的最多的功能就是:(1)暂停的时候显示广告图片(图片有跳转链接)(2)切换清晰度后,视频按切换前播放时间继续自动播放(或者暂停播放)2、需要准......
  • [记录]修改Windows系统的本地用户名(包括C:\Users\***)
    目录前言我的笔记本电脑配置修改步骤前言一开始买了笔记本电脑后,不懂事,随手就把电脑用户名设置成了中文。作为一名程序猿,实在是觉得别扭,故在网络上寻找修改用户名的方......