使用 js 将图片进行转Base64转码

// html部分 <input type="file" id="myfileinput" multiple>

// 调用方法
function change(){// 获取上传的文件let fileInput = document.getElementById("myfileinput");// files 是一个 FileList 对象(类似于NodeList对象)let files = fileInput.files;let imgobj = new Image();  let url = window.URL || window.webkitURL;// 手动创建一个Image对象imgobj.src = url.createObjectURL(files[0]);// 这里传的是File对象let imgBaseStr=undefined;// img.onload 实现图片预加载方法imgobj.onload = function () {// 进行转码imgBaseStr = getBase64Image(this)}
},// 将图片转 base64
function getBase64Image(img) {var canvas = document.createElement("canvas");canvas.width = img.width;canvas.height = img.height;var ctx = canvas.getContext("2d");ctx.drawImage(img, 0, 0, img.width, img.height);var ext = img.src.substring(img.src.lastIndexOf(".") + 1).toLowerCase();var dataURL = canvas.toDataURL("image/" + ext);return dataURL;
}

// 成功转码截图

运行环境：Google Browser

使用 js 将图片进行转Base64转码相关推荐

JS压缩图片并转换base64
JS压缩图片并转换base64 // 调用 photoCompress(pic, 1080, 0, 0.3, function(base64Codes, path) {Base64Url = base ...
js：图片url转base64编码
思路: 将图片url转为Image对象将Image对象绘制到Canvas上将Canvas对象转为Base64 实现代码 // Image对象转base64 function imageToBase ...
JS将图片转化为base64编码，并实现点击下载，js实现图片下载的实操博客
背景需求在前端的工作中,经常碰到点击下载图片的需求,但是有一种情况大家经常碰到,就是点击下载地址之后,在浏览器窗口默认打开了,并没有调用浏览器进行下载如果你正在完善这个需求,一直解决不了,恭喜你看 ...
js将图片转换成base64
之前有个需求是把页面绘制成图片,上传到服务器中,我使用的 html2canvas .但是html页面当中含有图片,如果图片地址非本页面域名,在截图时就会存在跨域问题,导致截图失败.经过多方查找,发现把 ...
根据传入坐标和图片URL地址对图片进行切图操作、将图片转化成Base64位码
目录 1.根据传入坐标和图片URL地址对图片进行切图操作 2.将图片转化成Base64位编码.根据传入坐标算出切点坐标在开发过程的学习记录,此两个工具类主要是对图像的处理(切图),对文件的想换转化 ...
js实现图片下载（二维码）
今天遇到个二维码下载问题,下载下来的二维码扫描后失效,记录一下: 解决办法就是把src换成绝对路径图片下载(二维码) 方法一: function getImageDataURL(downloadNa ...
base64转html文件,图片转换成Base64编码集成到html文件
首先为什么要这么做? 原因很简单这样可以减少与服务器的请求,当然对于一些浏览器并不支持,如IE8.通常用在手机版网站中,具体转化方法如下: 1.在线打开Base64的编码器将图片编码成Base64 ...
java Base64转码传图到C#
2019独角兽企业重金招聘Python工程师标准>>> 项目碰到一个需求,需要把后台的图片,传到终端去. Java服务端用webService传XMl格式数据到C#终端. 实现的思路 ...
node.js把前台传来的base64码转成图片存放
最近项目有个功能,更换用户个人头像,裁剪后上传保存. 裁剪用了cropper.js,裁剪后的图片为base64编码格式,传到node中,进行转换成图片在保存到数据库中,代码如下: var fs = r ...

使用 js 将图片进行转Base64转码

使用 js 将图片进行转Base64转码相关推荐

最新文章

热门文章