一、首先知道你要转换的编码格式：

log一下就能看到：

Blob：

二进制

File

二、File转Blob

// 原生
<input class="ut myHide" id="uploadFile" name="uploadFile" type="file" onchange="btnUploadFile(event)" /> function btnUploadFile(e){//获取图片文件 var imgFile = e.target.files[0]; var imgBlob = URL.createObjectURL(imgFile );
}

三、Blob转File(详见：使用js将blob对象转file对象_x先生的博客-CSDN博客_blob转file)

var imgBlob = Blob格式图片var imgFile = new window.File([imgBlob], Math.random(), {type: imgBlob.type,});

四、Blob 转二进制（base64）

获取 img 的 dom，这里命名为 img

 function base64 (dom) {const canvas = document.createElement('canvas')const ctx = canvas.getContext('2d')canvas.width = dom.widthcanvas.height = dom.heightctx?.drawImage(dom, 0, 0, dom.width, dom.height)return canvas.toDataURL('image/png')}

、后面用到再写

js图片格式转换（File、blob、二进制）相关推荐

图片格式转换（File、Blob、base64）
前言记录一下比较常见的图片格式(File.Blob.base64)在不同的场景他们之间的相互转换的方法. 一.类型简介 Blob BLOB(binary large object): 二进制大对象, ...
图片base64，file,blob格式的相互转换，以及gif转base64
图片base64,file,blob格式的相互转换,以及gif转base64(第六点) 1.new Image()图片链接转base64 只能转化为普通的jpg/png图片.无法转化gif图 type ...
多文件断点续传，上传视频自动转MP4和截图，图片格式转换
功能:自己写的一个组件,根据调用传过来的的fileType判断是上传视频还是图片还是音频.可以选择多文件上传,同时也可以暂停,继续,取消,断网重连续传.如果上传的是视频,会自动转为mp4,自动截取一帧 ...
在线js视频格式转换截图翻转编辑ffmpeg等操作
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&quo ...
php怎么将网页变成图片格式,php如何实现图片格式转换
[摘要] PHP即"超文本预处理器",是一种通用开源脚本语言.PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言.PHP独特的语法混合了C.Java.Perl以及 ...
base64图片格式转换
base64图片格式转换 1. base64转换为 blob 2. base64转换为 file 文件流 3. 获取blob 及 file 1. base64转换为 blob // 将base64转换 ...
js 图片格式转换为jpg_如何将图像转换为JPG格式
js 图片格式转换为jpg Many websites have strict rules that limit the size and type of image format you're al ...
ASP.NET2.0图片格式转换【月儿原创】
ASP.NET2.0图片格式转换作者:清清月儿主页:http://blog.csdn.net/21aspnet/ 时间:2007.4.20 说明:本文实现了图片格式随意转换( ...
python gif_python 将png图片格式转换生成gif动画
先看知乎上面的一个连接用Python写过哪些[脑洞大开]的小工具? 这个哥们通过爬气象网站的气象雷达图,生成一个gif的动态图.非常有趣且很实用,那咱也实现下. 我们先实现一个从GIF提取帧的代码 ...

js图片格式转换（File、blob、二进制）

一、首先知道你要转换的编码格式：

js图片格式转换（File、blob、二进制）相关推荐

最新文章

热门文章