功能描述: 有一段base64字符串的图片,将其保存下载为png图片!

可以:  直接 a 链接下载: 
<a id="tttt" download="1.jpg" href="data:image/jpg;base64,iVBORw0KGg.......">点我下载</a>
点击 就可以下载
所有类型图片,转png,下载

!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"></head>
<body>
<a id="tttt"></a><h2>图片</h2>
<p>
<img id="ringoImage" class="attachmentPreviewPicture" src="https://img-blog.csdnimg.cn/2022010709363082295.jpg">
</p>
<div>
<a οnclick="down()" href="javascript:void(0);">下载图片</a>
</div>
<script>
/**
* 根据图片生成画布
*/
function convertImageToCanvas(image) {
var canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
canvas.getContext("2d").drawImage(image, 0, 0);
return canvas;
}
/**
* 下载图片
*/
function down() {
var sampleImage = document.getElementById("ringoImage"),
canvas = convertImageToCanvas(sampleImage);
url = canvas.toDataURL("image/png");//PNG格式
//以下代码为下载此图片功能
document.getElementById('tttt').setAttribute('href', url)
document.getElementById('tttt').setAttribute('download', 'order-1111111111.png')
document.getElementById('tttt').click();
}
</script></body></html>

转载于:https://www.cnblogs.com/vs1435/p/9577240.html

base64编码 的 图片 另存为下载相关推荐

  1. js base64编码格式图片另存为下载

    注:从别的博客找的,代码可运行.我已找不到出处了,见谅. <!DOCTYPE html> <html lang="zh-CN"> <head>& ...

  2. python如何将网络上的图片url和base64编码的图片保存在本地

    1.python base64编码的图片保存到本地 import os import base64 sss ="""/9j/4AAQSkZJRgABAQEASABIAAD ...

  3. Base64编码与图片互转

    很多时候,第三方提供的图片地址为base64加密之后的,但是我们需要转换使用方便. package com.shucha.deveiface.biz.test;import java.io.FileI ...

  4. javascript将base64编码的图片数据转换为file并提交

    2019独角兽企业重金招聘Python工程师标准>>> 直接提交base64编码图片数据,过大的话后台会出现转发错误问题. 一个不错的解决方式就是将base64编码的图片数据转换为B ...

  5. Android开发 - ImageView加载Base64编码的图片

    在我们开发应用的过程中,并不是所有情况下都请求图片的URL或者加载本地图片,有时我们需要加载Base64编码的图片.这种情况出现在服务端需要动态生成的图片,比如: 二维码 图形验证码 - 这些应用场景 ...

  6. 在线还原base64编码的图片

    base64编码还原图片 浏览器直接输入: data:image/png;base64,图像base64编码 该方法对图片大小有一定限制,编码太长则会显示不全 在线工具: https://tools. ...

  7. python中if brthon环境安装包_Python实现base64编码的图片保存到本地功能示例

    本文实例讲述了Python实现base64编码的图片保存到本地功能.分享给大家供大家参考,具体如下: # -*- coding:utf-8 -*- #!python3 import os import ...

  8. Base64编码和图片转化

    Base64编码和图片转化 package com.example;import java.awt.image.BufferedImage; import java.io.*; import java ...

  9. BASE64编码的图片在网页中直接用

    BASE64位转码有两种: 一种是图片转为Base64编码,这种编码是直接可以在页面通过<img src='base64编码'/>的方式显示 Base64 在CSS中的使用 .demoIm ...

最新文章

  1. ZZ:new/delete 和malloc/free 的区别
  2. SAP ABAP 特性相关表取数逻辑
  3. Linux 0.00 的编译和运行
  4. creator图片循环显示_CocosCreator背景图循环播放
  5. VS Code将vue项目上传到github/gitee过程以及报错调试
  6. LaTeX tikz初探——空间矢量旋转示意图,四元数(4)
  7. 小米笔记本android,小米笔记本同步助手下载
  8. 如何将PDF转换成图片
  9. github手把手使用教程
  10. java咖啡是研磨的吗_研磨咖啡,这三个点一定要注意
  11. plsql窗口文件怎么找回_简单粗暴搞定网易云音乐限制!找回失去的灰色快乐
  12. 必备的7种公关能力(收藏)
  13. python中的除法、取整和求模_python中的除法,取整和求模-Go语言中文社区
  14. 蓝桥杯单片机学习3——数码管静态显示
  15. CSS 的布局 盒子
  16. python的符号怎么打_python plt可视化――打印特殊符号和制作图例代码
  17. 智能网联汽车 自动驾驶地图数据质量规范
  18. 安卓股票悬浮窗_Android 实现悬浮窗功能
  19. abb机器人泄流电阻在哪里_ABB机器人控制柜上电跳匝、报警、泄流电阻短路等故障维修...
  20. python分组统计标准化_分组计算和汇总_Python数据分析实战应用_数据挖掘与分析视频-51CTO学院...

热门文章

  1. 写入epass1000nd 的 key1和key1(c#)
  2. 拼音四线三格图片_一年级语文必考拼音拼读+书写规则,孩子期中考试要考!!...
  3. js下载文件常用的两种方式
  4. win7 64位系统 win CE6.0模拟器开发环境配置
  5. 什么是DevSecOps?理解DevOps安全性
  6. 章节七:RASA NLU组件介绍--意图分类器和实体提取器
  7. CAD教程:CAD软件中怎么画多跑楼梯?
  8. nginx正向代理http,nginx正向代理https
  9. @Resource @Autowire 对比
  10. 计算机审计实验报告第二章,计算机审计实验报告(共5篇).doc