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 相关文章推荐
js弹出层永远居中实现思路及代码
Nov 29 Javascript
JS实现5秒钟自动封锁div层的方法
Feb 20 Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 Javascript
浅谈javascript中的constructor
Jun 08 Javascript
用js读写cookie的简单方法(推荐)
Aug 08 Javascript
详解vue.js的事件处理器v-on:click
Jun 27 Javascript
基于JavaScript实现前端数据多条件筛选功能
Aug 19 Javascript
使用Dropzone.js上传的示例代码
Oct 10 Javascript
浅析node.js的模块加载机制
May 25 Javascript
详解小程序循环require之坑
Mar 08 Javascript
javascript使用substring实现的展开与收缩文字功能示例
Jun 17 Javascript
小程序实现短信登录倒计时
Jul 12 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
Fatal error: session_start(): Failed to initialize storage module: files问题解决方法
2014/05/04 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
多个iframe自动调整大小的问题
2006/09/18 Javascript
js arguments,jcallee caller用法总结
2013/11/30 Javascript
jQuery中unbind()方法用法实例
2015/01/19 Javascript
jQuery知识点整理
2015/01/30 Javascript
JavaScript之Object类型介绍
2015/04/01 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
基于jquery实现智能表单验证操作
2016/05/09 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
2018/05/23 jQuery
JavaScript对象原型链原理详解
2020/02/05 Javascript
使用next.js开发网址缩短服务的方法
2020/06/17 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
JS数据类型分类及常用判断方法
2020/11/19 Javascript
微信小程序实现天气预报功能(附源码)
2020/12/10 Javascript
Python实现子类调用父类的方法
2014/11/10 Python
python内存管理分析
2015/04/08 Python
Python中map和列表推导效率比较实例分析
2015/06/17 Python
Python获取央视节目单的实现代码
2015/07/25 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
Python之批量创建文件的实例讲解
2018/05/10 Python
matplotlib 输出保存指定尺寸的图片方法
2018/05/24 Python
Python WSGI的深入理解
2018/08/01 Python
Python当中的array数组对象实例详解
2019/06/12 Python
Python中xml和dict格式转换的示例代码
2019/11/07 Python
python中return的返回和执行实例
2019/12/24 Python
Django基于客户端下载文件实现方法
2020/04/21 Python
雅高酒店中国:Accorhotels.com China
2018/03/26 全球购物
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
全国文明单位申报材料
2014/05/31 职场文书
员工安全生产责任书
2014/07/22 职场文书
2016年元旦致辞
2015/08/01 职场文书
工作总结之小学教师体育工作范文(3篇)
2019/10/07 职场文书
Golang二维数组的使用方式
2021/05/28 Golang