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 相关文章推荐
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
Sep 19 Javascript
如何判断Javascript对象是否存在的简单实例
May 18 Javascript
实例讲解JavaScript中instanceof运算符的用法
Jun 08 Javascript
jQuery模拟select实现下拉菜单功能
Jun 20 Javascript
jQuery插件passwordStrength密码强度指标详解
Jun 24 Javascript
jQuery实现元素的插入
Feb 27 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
angularJS实现动态添加,删除div方法
Feb 27 Javascript
深入浅析Vue全局组件与局部组件的区别
Jun 15 Javascript
vue动画效果实现方法示例
Mar 18 Javascript
node后端服务保活的实现
Nov 10 Javascript
Vue开发环境跨域访问问题
Jan 22 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
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
PHP把网页保存为word文件的三种方法
2014/04/01 PHP
浅谈PHP接收POST数据方式
2015/06/05 PHP
AlertBox 弹出层信息提示框效果实现步骤
2010/10/11 Javascript
用javascript删除当前行,添加行(示例代码)
2013/11/25 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
Node.js与PHP、Python的字符处理性能对比
2014/07/06 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
script标签属性用type还是language
2015/01/21 Javascript
node.js集成百度UE编辑器
2015/02/05 Javascript
浅谈jquery.fn.extend与jquery.extend区别
2015/07/13 Javascript
javascript实现动态统计图开发实例
2015/11/21 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
2016/02/22 Javascript
初步使用Node连接Mysql数据库
2016/03/03 Javascript
JavaScript中的对象和原型(一)
2016/08/12 Javascript
利用bootstrapValidator验证UEditor
2016/09/14 Javascript
详解nodejs通过响应回写的方式渲染页面资源
2018/04/07 NodeJs
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
python实现bitmap数据结构详解
2014/02/17 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
Win7 64位下python3.6.5安装配置图文教程
2020/10/27 Python
Python实现base64编码的图片保存到本地功能示例
2018/06/22 Python
python如何判断IP地址合法性
2020/04/05 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
HTML5如何为形状图上颜色怎么绘制具有颜色和透明度的矩形
2014/06/23 HTML / CSS
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
财务会计大学生自我评价
2014/04/09 职场文书
幼儿园家长评语大全
2014/04/16 职场文书
《欢乐的泼水节》教学反思
2014/04/22 职场文书
小学生春游活动方案
2014/08/20 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
活动新闻稿范文
2015/07/17 职场文书
爱国教育主题班会
2015/08/14 职场文书