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 Dialog的内存泄露问题解决方法
Jun 18 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
Sep 22 Javascript
JavaScript中 DOM操作方法小结
Apr 25 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
Javascript网页抢红包外挂实现分享
Jan 11 Javascript
浅谈React的最大亮点之虚拟DOM
May 29 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
使用NestJS开发Node.js应用的方法
Dec 03 Javascript
Vue实现远程获取路由与页面刷新导致404错误的解决
Jan 31 Javascript
jquery树形插件zTree高级使用详解
Aug 16 jQuery
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 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,不用COM,生成excel文件
2006/10/09 PHP
深入PHP数据加密详解
2013/06/18 PHP
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
CI框架简单分页类用法示例
2020/06/06 PHP
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
jquery PrintArea 实现票据的套打功能(代码)
2017/03/17 Javascript
深入学习 JavaScript中的函数调用
2017/03/23 Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
2017/09/30 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
2019/09/23 Javascript
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
微信小程序缓存支持二次开发封装实现解析
2019/12/16 Javascript
Openlayers实现地图全屏显示
2020/09/28 Javascript
[44:40]Spirit vs Navi Supermajor小组赛 A组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
浅谈Python 字符串格式化输出(format/printf)
2016/07/21 Python
pandas系列之DataFrame 行列数据筛选实例
2018/04/12 Python
python输出100以内的质数与合数实例代码
2018/07/08 Python
利用pyinstaller打包exe文件的基本教程
2019/05/02 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
python自动下载图片的方法示例
2020/03/25 Python
Python爬虫爬取博客实现可视化过程解析
2020/06/29 Python
Python实现播放和录制声音的功能
2020/08/12 Python
白俄罗斯女装和针织品网上商店:Presli.by
2019/10/13 全球购物
市场营销管理毕业生自荐信
2014/03/03 职场文书
软件售后服务承诺书
2014/05/21 职场文书
2014年护士长工作总结
2014/11/11 职场文书
交通事故和解协议书
2015/01/27 职场文书
城管年度个人总结
2015/02/28 职场文书
筑梦中国心得体会
2016/01/18 职场文书
关于Numpy之repeat、tile的用法总结
2021/06/02 Python
html+css实现环绕倒影加载特效
2021/07/07 HTML / CSS
mysql数据库隔离级别详解
2022/06/16 MySQL