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 相关文章推荐
浅析offsetLeft,Left,clientLeft之间的区别
Nov 30 Javascript
javascript数组操作总结和属性、方法介绍
Apr 05 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 Javascript
JS制作手机端自适应缩放显示
Jun 11 Javascript
学习javascript的闭包,原型,和匿名函数之旅
Oct 18 Javascript
JavaScript接口的实现三种方式(推荐)
Jun 14 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 Javascript
jQuery旋转插件jqueryrotate用法详解
Oct 13 Javascript
ES6新特性之变量和字符串用法示例
Apr 01 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 Javascript
基于vue 动态菜单 刷新空白问题的解决
Aug 06 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框架性能测试报告
2016/05/08 PHP
Windows下PHP开发环境搭建教程(Apache+PHP+MySQL)
2016/06/13 PHP
PHP crypt()函数的用法讲解
2019/02/15 PHP
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
js删除所有的cookie的代码
2010/11/25 Javascript
javascript实现上传图片并预览的效果实现代码
2011/04/11 Javascript
基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
2012/07/31 Javascript
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
2014/05/05 Javascript
jQuery+PHP打造滑动开关效果
2014/12/16 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
jQuery输入框密码的显示隐藏【代码分享】
2017/04/29 jQuery
Easy UI动态树点击文字实现展开关闭功能
2017/09/30 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
2019/03/29 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
[58:58]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第二场
2018/04/05 DOTA
Python列表推导式的使用方法
2013/11/21 Python
Python实现在Linux系统下更改当前进程运行用户
2015/02/04 Python
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
Python中属性和描述符的正确使用
2016/08/23 Python
全面分析Python的优点和缺点
2018/02/07 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
python ftplib模块使用代码实例
2019/12/31 Python
浅谈Python __init__.py的作用
2020/10/28 Python
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
应届生求职信写作技巧
2013/10/24 职场文书
麦当劳辞职信范文
2014/01/18 职场文书
党员干部批评与自我批评反四风思想汇报
2014/09/21 职场文书
行政撤诉申请书
2015/05/18 职场文书
Go归并排序算法的实现方法
2022/04/06 Golang