js 图片转换base64 base64转换为file对象

js 图片转换base64 base64转换为file对象

大家好,又见面了,我是你们的朋友全栈君。

js 图片转换base64 base64转换为file对象

 

function getImgToBase64(url,callback){
   
   //将图片转换为Base64
  var canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d'),
    img = new Image;
  img.crossOrigin = 'Anonymous';
  img.onload = function(){
    canvas.height = img.height;
    canvas.width = img.width;
    ctx.drawImage(img,0,0);
    var dataURL = canvas.toDataURL('image/png');
    callback(dataURL);
    canvas = null;
  };
  img.src = url;
}

 

 

    function dataURLtoFile(dataurl, filename) {
   
   //将base64转换为文件
        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while(n--){
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new File([u8arr], filename, {type:mime});
    }

 

//可以将图片转换为base64

getImgToBase64('img/test.png',function(data){
   var myFile = dataURLtoFile(data,'testimgtestimgtestimg');
   console.log(myFile);
});

 

 

相关: https://www.cnblogs.com/fps2tao/p/9268380.html

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/107436.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • webstorm 2021激活码(最新序列号破解)

    webstorm 2021激活码(最新序列号破解),https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • MacBook 常用快捷键

    MacBook 常用快捷键MacOSX系统图形表示方法⇧=shift⌃=control⌥=option/altHome=fn+◄End=fn+►PageUp=fn+▲PageDown=fn+▼删除后一个字符(普通键盘的Delete)=fn+delete截图保存整个屏幕到桌面=shift+command+3保存整个屏幕到剪贴板=control+shift…

  • socket通信简单介绍

    socket通信简单介绍

  • 直通线和交叉线的使用(网线)

    直通线和交叉线的使用(网线)原文:http://blog.sina.com.cn/s/blog_62c179fd0100sefl.html关于网络设备的定义和设备间连接方式一般规律: 第一,你需要了解两类设备:DTE类设备和DCE类设备。DTE类设备:PC、路由器、交换机uplink口、HUB级联口DCE类设备:交换机普通口、HUB普通口   同类设备间相连使用交叉线方式;异类设备间相

  • bat脚本执行命令_实用bat代码

    bat脚本执行命令_实用bat代码注意:编辑bat文件请使用ANSI编码(不然会出现中文乱码)1、语句注释rem命令行注释,可以回显(语句会在命令行中显示);::两个冒号,效果同上,但不会回显。(冒号后加任意非字母数字字符都可起到注释作用)2、暂停pause暂停,命令行中出现”请按任意键继续…”自定义暂停时的文本,如下:::pause>nul,隐藏原暂停文本echo这里是自定义文本!&…

  • 五万字总结,深度学习基础。「建议收藏」

    五万字总结,深度学习基础。「建议收藏」文章目录1基本概念1.1神经网络组成?1.2神经网络有哪些常用模型结构?1.3如何选择深度学习开发平台?1.4为什么深层神经网络难以训练?1.5深度学习和机器学习的异同?2网络操作与计算2.1前向传播与反向传播?2.2如何计算神经网络的输出?2.3如何计算卷积神经网络输出值?2.4如何计算Pooling层输出值输出值?2.5实例理解反向传播2.6神经网络更“深”有什么意义?3超参数3.1什么是超参数?3.2如何寻找超参数的最优值?3.3超参数搜索一般过程?4激活函数4

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号