js怎么将 base64转换成图片
//获取数组最后一个元素
let hasFiles = files[Object.keys(files).pop()] // 参考上面的图片
let file = hasFiles.url
let name = hasFiles.file.name
let type = hasFiles.file.type function base64ToBlob(urlData, type) {
let arr = urlData.split(',');
let mime = arr[0].match(/:(.*?);/)[1] || type;
// 去掉url的头,并转化为byte
let bytes = window.atob(arr[1]);
// 处理异常,将ascii码小于0的转换为大于0
let ab = new ArrayBuffer(bytes.length);
// 生成视图(直接针对内存):8位无符号整数,长度1个字节
let ia = new Uint8Array(ab);
for (let i = 0; i < bytes.length; i++) {
ia[i] = bytes.charCodeAt(i);
}
return new Blob([ab], {
type: mime
});
} if (hasFiles.file.size > 1024 * 1024 * 10) {
throw '文件超过10M'
}
let conversions = base64ToBlob(file, type)
let param = new FormData()
// 没给好一个值 param.append('file', file, name) 改为param.append('file', conversions, name)
param.append('file', conversions, name)
param.append('chunk', '0')
axios.post(config.api.upload, param).then(function (res) {
if (res.status === 200) {
//后端判断文件大小
if (res.data && res.data.state === 'ERROR') {
throw res.data && res.data.msg;
}
console.log(res)
}
});
js怎么将 base64转换成图片的更多相关文章
- base64转换成图片
		
前端代码JS: 前端图片为canvsa绘图转base64格式 function putTextInfo() { var canvasImg = painting.canvas.toDataURL('i ...
 - PHP base64转换成图片
		
获取base64文件 $image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAAEiCAYAAABdvt+2AAAgAElEQV ...
 - C# Base64字符串转换成图片及图片转换为Base64
		
最近有朋友经常会问我一些问题,例如,如何把一个字符串转换成base64字符串,如何把一个二进制文件转换成Base64文件,以及如何转换回原有的文件,在此我把方法写一下 字符串与Base64相互转换 ...
 - 使用的是html5的canvas将文字转换成图片
		
当前功能的运用场景是:用户需要传文件给他人,在用户选择文件之后需要显示一个文件图标和所选文件的名称. 当前代码部分是摘自网上,但是已经忘记在什么地方获取的,如有侵权联系小弟后自当删除. 注意:必须在h ...
 - js如何把字符串转换成json数据的方法
		
js如何把字符串转换成json数据的方法 function strtojson(str){ var json = eval('(' + str + ')'); return json; } 方法二 f ...
 - C#技术分享【PDF转换成图片——13种方案】(2013-07-25重新整理)
		
原文:C#技术分享[PDF转换成图片--13种方案](2013-07-25重新整理) 重要说明:本博已迁移到 石佳劼的博客,有疑问请到 文章新地址 留言!!! 写在最前面:为了节约大家时间,撸主把最常 ...
 - JS将/Date(1446704778000)/转换成str
		
JS将/Date(1446704778000)/转换成str:var dateStr = eval(ele.add_time.replace(/\/Date\((\d+)\)\//gi, " ...
 - C#技术分享【PDF转换成图片——11种方案】
		
1.[iTextSharp.dll],C# 开源PDF处理工具,可以任意操作PDF,并可以提取PDF中的文字和图片,但不能直接将PDF转换成图片. DLL和源码 下载地址:http://downloa ...
 - 批量将网页转换成图片或PDF文档技巧分享
		
工作中我们有时要将一些批量的网页转换成图片或者PDF文档格式,尽管多数浏览器具有滚动截屏或者打印输出PDF文档功能.可是假设有几十上百张网页须要处理,那也是要人命的.所以我一直想找一款可以批量处理该工 ...
 
随机推荐
- Python数据分析_Pandas_窗函数
			
窗函数(window function)经常用在频域信号分析中.我其实不咋个懂,大概是从无限长的信号中截一段出来,然后把这一段做延拓变成一个虚拟的无限长的信号.用来截取的函数就叫窗函数,窗函数又分很多 ...
 - Centos7.5调试/etc/sysctl.conf文件导致宕机
			
今天安装greenplus数据库,需要调试一个核心文件/etc/sysctl.conf文件,结果导致系统异常宕机,出现的问题就是使用任何命令都不能输出正确的结果,只有这个显示: 不知道是什么原因,ls ...
 - SAP SQVI 快速浏览器
			
SQVI可向SQL一样连接多个表浏览数据. 1.输入T-CODE:SQVI. 2.新建一个新查询case 输入CASE 名.点击新建,在弹出的窗口中输入标题,在数据源中可选择单个表查询,或者选择表连接 ...
 - localStorage 知识点
			
先补充下localStorage 知识点:JS对象读取形式:localStorage.name添加/修改localStorage.name = "xuanyuan"其中" ...
 - SALALchemy  Session与scoped_session的源码分析
			
我们发现Session与scoped_session都有一些方法: 但是scoped_session的源码里面没有设置这些方法让我们从源码里去窥探下源码在哪里设置了这些方法: Session里面的方法 ...
 - Yii2.0页面提示消息
			
适用情况:比如提交一个表单,提交完成之后在页面展示一条提示消息. 控制器里面这样写: 单条消息: \Yii::$app->getSession()->setFlash('error', ' ...
 - ceph部署实践(mimic版本)
			
一.准备环境 4台adminos7.4 环境,存储节点上两块磁盘(sda操作系统,sdb数据盘) clientadmin storage1storage2storage3 二.配置环境 1.修改主机名 ...
 - MySQL主从同步原理
			
mysql主从复制用途 实时灾备,用于故障切换 读写分离,提供查询服务 备份,避免影响业务 主从部署必要条件 主库开启binlo日志(设置log-bin参数) 主从server-id不同 从库可以连同 ...
 - NodeJS之path模块
			
NodeJS之path模块 常用的主要有如下工具函数: 1. path.basename(path[, ext]) 2. path.extname(path) 3. path.dirname(path ...
 - PAT A1024 Palindromic Number (25 分)——回文,大整数
			
A number that will be the same when it is written forwards or backwards is known as a Palindromic Nu ...