JS构造一个html文本内容成文件流形式发送到后台


Posted in Javascript onJuly 31, 2018

具体代码如下所示:

let html = <!DOCTYPE html>
    <html>
    <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>X-Find迅聘选才</title>
     <link rel="stylesheet" href="https://cdn.bootcss.com/iview/2.14.0/styles/iview.css" rel="external nofollow" />
     <style>
      ${resumecss}
     </style>
    </head>
    <body>
     <div class="resume_preview_page" style="margin:0 auto;width:1200px">
     ${template}
     </div>
    </body>
    </html>;
var wordStream = window.URL.createObjectURL(
    new Blob([html],{ type: "text/plain;charset=utf-8" }));
    console.log('wordStream',wordStream);
   let formdata = new FormData();
   formdata.append('file',wordStream);
   this.$post(url,formdata)
   .then(res=>{
    console.log('export finish',res);
   })

现在上面方式报错:

JS构造一个html文本内容成文件流形式发送到后台

解决方法其实很简单

let html = this.getHtmlContent();
      let html_ = new Blob([html],{ "type" : "text/html;charset=utf-8" })
      let formdata = new FormData();
      formdata.append('file', html_, `sdf.html`);
      axios({
        method: 'post',
        url: url,
        data:formdata,
        responseType:'blob',
      })

总结

以上所述是小编给大家介绍的JS构造一个html文本内容成文件流形式发送到后台,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery 行级解析读取XML文件(附源码)
Oct 12 Javascript
遍历jquery对象的代码分享
Nov 02 Javascript
JS实现转动随机数抽奖特效代码
Apr 16 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 Javascript
DeviceOne 让你一见钟情的App快速开发平台
Feb 17 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 Javascript
JavaScript 基础表单验证示例(纯Js实现)
Jul 20 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
Jul 30 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
Jan 04 Javascript
element-ui 本地化使用教程详解
Oct 28 Javascript
Vue实现可移动水平时间轴
Jun 29 Javascript
vue导出html、word和pdf的实现代码
Jul 31 #Javascript
JavaScript函数节流和函数去抖知识点学习
Jul 31 #Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
Jul 31 #Javascript
微信网页授权并获取用户信息的方法
Jul 30 #Javascript
axios简单实现小程序延时loading指示
Jul 30 #Javascript
JS实现HTML页面中动态显示当前时间完整示例
Jul 30 #Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
Jul 30 #Javascript
You might like
PHP入门
2006/10/09 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
详解php中的implements 使用
2017/06/13 PHP
QQ邮箱的一个文本编辑器代码
2007/03/14 Javascript
密码框显示提示文字jquery示例
2013/08/29 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
2014/04/10 Javascript
JavaScript利用正则表达式去除日期中的-
2014/06/09 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
2015/06/01 Javascript
JavaScript判断用户名和密码不能为空的实现代码
2016/05/16 Javascript
Vue表单验证插件Vue Validator使用方法详解
2017/04/07 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
JS 中使用Promise 实现红绿灯实例代码(demo)
2017/10/20 Javascript
ES7中利用Await减少回调嵌套的方法详解
2017/11/01 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
2018/02/06 Javascript
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
详解js动态获取浏览器或页面等容器的宽高
2019/03/13 Javascript
如何在微信小程序中实现Mixins方案
2019/06/20 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
2020/07/19 Javascript
python实现异步回调机制代码分享
2014/01/10 Python
使用python socket分发大文件的实现方法
2019/07/08 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
python迭代器常见用法实例分析
2019/11/22 Python
python之array赋值技巧分享
2019/11/28 Python
Python内置方法实现字符串的秘钥加解密(推荐)
2019/12/09 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
HTML5 script元素async、defer异步加载使用介绍
2013/08/23 HTML / CSS
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
FORZIERI澳大利亚站:全球顶级奢华配饰精品店
2016/12/31 全球购物
博士毕业生自我鉴定范文
2014/04/13 职场文书
2015年全国爱眼日活动小结
2015/02/27 职场文书
关于MySQL中的 like操作符详情
2021/11/17 MySQL