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 相关文章推荐
学习JavaScript设计模式(单例模式)
Nov 26 Javascript
js创建对象的方法汇总
Jan 07 Javascript
JS实现鼠标框选效果完整实例
Jun 20 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
JS中动态创建元素的三种方法总结(推荐)
Oct 20 Javascript
AngularJS中isolate scope的用法分析
Nov 22 Javascript
Bootstrap一款超好用的前端框架
Sep 25 Javascript
实现jquery放大镜的两种方法
Feb 22 jQuery
微信小程序实现自动定位功能
Oct 31 Javascript
创建echart多个联动的示例代码
Nov 23 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
Oct 31 Javascript
JavaScript 防篡改对象的用法示例
Apr 24 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连接mssql的一些相关经验及注意事项
2013/02/05 PHP
php中OR与|| AND与&amp;&amp;的区别总结
2013/10/26 PHP
php实现当前页面点击下载文件的简单方法
2016/09/22 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
javascript面向对象之Javascript 继承
2010/05/04 Javascript
载入jQuery库的最佳方法详细说明及实现代码
2012/12/28 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
将鼠标焦点定位到文本框最后(代码分享)
2017/01/11 Javascript
nodejs超出最大的调用栈错误问题
2017/12/27 NodeJs
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
vue 组件中添加样式不生效的解决方法
2018/07/06 Javascript
Vue3.x源码调试的实现方法
2019/10/13 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
2020/06/01 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
关于javascript中的promise的用法和注意事项(推荐)
2021/01/15 Javascript
[01:03:47]VP vs NewBee Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
如何用itertools解决无序排列组合的问题
2017/05/18 Python
python中学习K-Means和图片压缩
2017/11/20 Python
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
Python拆分大型CSV文件代码实例
2019/10/07 Python
flask的orm框架SQLAlchemy查询实现解析
2019/12/12 Python
用python介绍4种常用的单链表翻转的方法小结
2020/02/24 Python
golang/python实现归并排序实例代码
2020/08/30 Python
Pycharm新手使用教程(图文详解)
2020/09/17 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
CSS图片翻转动画技术详解(IE也实现了)
2014/04/03 HTML / CSS
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
Order by的几种用法
2013/06/16 面试题
如何开发一个JQuery插件
2016/07/28 面试题
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
2014年教师节活动总结
2014/08/29 职场文书
校园主题婚礼活动策划方案
2014/09/15 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书