base64图片转成文件流再转成链接 vue js

获取的链接格式，只能在本地打开

blob:http://localhost:8080/c5b2915d-5f72-4918-bc7a-f9fb74aaba05

// img 是base64图片完整字符串
getUrl(img){let file = this.base64ImgtoFile(img); // 获取文件流let imgUrl = window.webkitURL.createObjectURL(file) ||window.URL.createObjectURL(file); // 获取链接
},
// 获取文件流base64ImgtoFile(dataurl, filename = "file") {const arr = dataurl.split(",");const mime = arr[0].match(/:(.*?);/)[1];const suffix = mime.split("/")[1];const bstr = atob(arr[1]);let n = bstr.length;const u8arr = new Uint8Array(n);while (n--) {u8arr[n] = bstr.charCodeAt(n);}return new File([u8arr], `${filename}.${suffix}`, {type: mime,});},

base64图片转成文件流再转成链接 vue js相关推荐

vue获取后台的文件流并且转换成图片
vue获取后台的文件流并且转换成图片 1.添加request的responseType export function addCode(Equip,data) { return request({ m ...
uniapp图片地址以文件流的形式传给后端
安装image-tools 图像转换工具,可用于图像和base64的转换点我前往安装 npm i image-tools --save 引用 import { pathToBase64, base ...
vue 将文件url 改成文件流下载
vue 将后台返回文件url 改成文件流下载由于直接a 标签下载视频,音频会打开新的窗口,所以改用文件流下载一.图片 exportData(row) {console.log('row', row ...
java中pdf写成base64文件流,Java操作pdf文件与Base64编码相互转换与文件流操作
1.第一步,引入bc包的安装依赖. 在pom.xml中引入. org.bouncycastle bcprov-jdk15on 1.60 引入后reimport一下项目. 2.pdf文件转换成Base6 ...
Java操作pdf文件与Base64编码相互转换与文件流操作
1.第一步,引入bc包的安装依赖. 在pom.xml中引入. <!-- https://mvnrepository.com/artifact/org.bouncycastle/bcprov-jd ...
根据图片地址得到文件流
/*** 得到文件流** @param url 图片地址* @return*/public static byte[] getFileStream(String url) {try {URL http ...
HTML5+jSignature插件手写签名生成图片并转换成文件流实现功能
公司需求html5手写签名,并转换成图片上传服务器项目结构:jquery+springboot项目需要引入js文件:jquery的jquery.min.js .jSignature插件的 jSign ...
HTML5+jSignature插件手写签名生成图片并转换成文件流实现服务器上传功能
简介项目结构:html+vue+springboot html引入VUE项目vue.min.js.jQuery的jquery-3.4.1.min.js,签名:modernizr.js.jSignat ...
php上传图片到文件夹,2018.09.14PHP获取页面上传的图片存到指定文件夹再存到数据库中...
一.html代码 //传值方式必须是post 请选择要上传的文件: 二.php代码 session_start(); include 'mysql.php'; //获取图片所有的属性 $filenam ...

base64图片转成文件流再转成链接 vue js

base64图片转成文件流再转成链接 vue js相关推荐

最新文章

热门文章