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 LigerUI 使用教程表格篇(1)
Jan 18 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
Oct 01 Javascript
最原始的jQuery注册验证方式
Oct 11 Javascript
vuejs2.0实现一个简单的分页示例
Feb 22 Javascript
Linux CentOS系统下安装node.js与express的方法
Apr 01 Javascript
深入理解vue中的$set
Jun 01 Javascript
vue上传图片组件编写代码
Jul 26 Javascript
Javascript实现秒表倒计时功能
Nov 17 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
Jun 03 Javascript
pm2启动ssr失败的解决方法
Jun 29 Javascript
小程序实现长按保存图片的方法
Dec 31 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网上商城购物车设计代码分享
2012/02/15 PHP
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
分享几种好用的PHP自定义加密函数(可逆/不可逆)
2020/09/15 PHP
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
2010/03/16 Javascript
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
前台js对象在后台转化java对象的问题探讨
2013/12/20 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
jQuery中removeClass()方法用法实例
2015/01/05 Javascript
js判断一个字符串是否包含一个子串的方法
2015/01/26 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
js实现按钮颜色渐变动画效果
2015/08/20 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
2017/04/13 Javascript
详解nodeJS之路径PATH模块
2017/05/31 NodeJs
使用vue + less 实现简单换肤功能的示例
2018/02/21 Javascript
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
详解Pytorch 使用Pytorch拟合多项式(多项式回归)
2018/05/24 Python
Python拼接微信好友头像大图的实现方法
2018/08/01 Python
python中调试或排错的五种方法示例
2019/09/12 Python
TensorFlow加载模型时出错的解决方式
2020/02/06 Python
Python3操作YAML文件格式方法解析
2020/04/10 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
英国豪华装饰照明品牌的在线零售商:Inspyer Lighting
2019/12/10 全球购物
如何用Java判断一个文件或目录是否存在
2012/11/19 面试题
日语求职信范文
2013/12/17 职场文书
培训主管岗位职责
2014/02/01 职场文书
会计岗位职责范本
2014/03/07 职场文书
公民授权委托书范本
2014/09/17 职场文书
2016高考寄语集锦
2015/12/04 职场文书
MySQL中一条SQL查询语句是如何执行的
2022/04/08 MySQL