vue 文件转base64方法 base64转blob路径方法 a链接下载文件 form表单下载文件

vue 文件转base64:

      getBase64(file) {return new Promise((resolve, reject) => {let reader = new FileReader();let fileResult = "";reader.readAsDataURL(file);reader.onload = () => {fileResult = reader.result;};reader.onerror = (error) => {reject(error);};reader.onloadend = () => {resolve(fileResult);};});}
调用方法：
this.getBase64(file).then(res=>{this.imgBase64 = res;});

base64转blob路径并下载:

savePicture = (base64, fileName = "下载文件（测试）.pdf") => {var arr = base64.split(",");var bytes = atob(arr[1]);let ab = new ArrayBuffer(bytes.length);let ia = new Uint8Array(ab);for (let i = 0; i < bytes.length; i++) {ia[i] = bytes.charCodeAt(i);}var blob = new Blob([ab], { type: "application/octet-stream" });var url = URL.createObjectURL(blob);const el = document.createElement("a");el.style.display = "none";el.setAttribute("target", "_blank");fileName && el.setAttribute("download", fileName);el.href = url;document.body.appendChild(el);el.click();document.body.removeChild(el);
};
调用方法：
this.savePicture("data:application/pdf;base64," + flie.base64);

a链接下载方式

downloadEvt(url, fileName = "下载文件.PDF") => {const el = document.createElement("a");el.style.display = "none";el.setAttribute("target", "_blank");fileName && el.setAttribute("download", fileName);el.href = url;document.body.appendChild(el);el.click();document.body.removeChild(el);
};
调用方法：
this.downloadEvt(https://care-dev.oss-cn-hangzhou.aliyuncs.com/v2_care/salesproject/3114/test-248.pdf);

form表单下载方式

downloadform(url) {var form = document.createElement("form");form.action = url;form.method = "get";form.style.display = "none";document.body.appendChild(form);form.submit();document.body.removeChild(form);
};
调用方法：
this.downloadform(https://care-dev.oss-cn-hangzhou.aliyuncs.com/v2_care/salesproject/3114/test-248.pdf);

vue 文件转base64方法 base64转blob路径方法 a链接下载文件 form表单下载文件相关推荐

ajax 表单提交传文件,Ajax提交Form表单及文件上传
刚刚申请下来的博客,写得第一篇.有点小激动,本人以前是一名工业3D设计师突然有些变故做上了JavaWeb开发: 前几天,发现了一些小问题.我在写后台管理页面时,需要上传一张图片.于是我就用很普通的Fo ...
将form表单提交文件修改为ajax提交
好久没有记录工作中的出现的问题了,不过最近客户提出了新的需求,正好弥补了一下我的短板,学到了新的知识. 周一接到客户电话,要求完善上周写的某个功能--就是同时上传多个图片,并通过接口程序传到第三方系统 ...
解决Form表单提交文件后台获取为null的情况
项目想做一个上传文件的功能模块,但是发现后台获取文件始终为null,而且在form表单上也配置好了需要的action属性.method属性和enctype="multipart/form-d ...
django之：网页伪静态 JsonResponse form表单携带文件数据 CBV源码分析模板语法传值模板语法之过滤器标签自定义标签函数过滤器、inclusion_tag模板的继承导入
目录标题一:网页伪静态 1.定义 2.如何实现二:视图层 1.视图函数返回值问题 2.视图层返回json格式的数据 3.form表单携带文件数据 4.CBV源码分析 1.CBV和FBV: 2.CB ...
【一文学会文件上传】SpringBoot+form表单实现文件上传
唠嗑部分平时我们在项目过程中,往往会遇到这种情况,比如:我的用户应该有一个头像,那就涉及到文件上传,那么文件应该如何存储呢? 这就会有很多方式 1.最简单的就是存在服务器上,这就要考虑到服务器的磁盘 ...
Form表单提交文件和参数
form表单同时提交文件和参数 1.说明项目中使用form表单配合ajax同时提交文件和其他的参数,具体实现请看代码 2.前端代码 1.form表单部分前台提交的是方式是form表单方式,提交内容 ...
form表单多文件上传
1.html/jsp主页 <%@ page language="java" contentType="text/html; charset=UTF-8"p ...
Demo系列一之 Form表单下载Excel文件
效果图区: 代码区: 前端代码,只提供点击事件中的内容; //"导出Execl"按钮点击事件$("#export").click(function(){var ...
js封装通过form表单下载文件
$(function (exports) {function c_downLoad(arg) {var downLoad = {url: arg.url,dataModel: arg.dataMode ...
python：Fastapi - 请求表单与文件
简单絮叨下,如有问题请私信上篇文章主要唠了接口响应的一些东西,今天主要是唠Form表单和文件处理.表单可以理解为数据采集,而文件处理就是在获得客户端的文件进行数据返回或者直接上传服务器. fasta ...

vue 文件转base64方法 base64转blob路径方法 a链接下载文件 form表单下载文件

vue 文件转base64方法 base64转blob路径方法 a链接下载文件 form表单下载文件相关推荐

最新文章

热门文章