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 相关文章推荐
图片格式的JavaScript和CSS速查手册
Aug 20 Javascript
javascript中hasOwnProperty() 方法使用指南
Mar 09 Javascript
Node.js中的process.nextTick使用实例
Jun 25 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
jquery插入兄弟节点的操作方法
Dec 07 Javascript
vuejs绑定class和style样式
Apr 11 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
Sep 28 Javascript
vue和webpack打包项目相对路径修改的方法
Jun 15 Javascript
vue中使用mxgraph的方法实例代码详解
May 17 Javascript
React如何实现浏览器打印部分内容详析
May 19 Javascript
JavaScript实现模态对话框实例
Jan 13 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的ob_start() 控制您的浏览器cache
2009/08/03 PHP
php在服务器执行exec命令失败的解决方法
2012/03/03 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
javascript call和apply方法
2008/11/24 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
2016/08/01 Javascript
几行js代码实现自适应
2017/02/24 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
BootStrap给table表格的每一行添加一个按钮事件
2017/09/07 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
2017/12/05 Javascript
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
微信小程序 冒泡事件原理解析
2019/09/27 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
python实现bitmap数据结构详解
2014/02/17 Python
详解Python中for循环是如何工作的
2017/06/30 Python
python 返回列表中某个值的索引方法
2018/11/07 Python
对python产生随机的二维数组实例详解
2018/12/13 Python
Python从函数参数类型引出元组实例分析
2019/05/28 Python
python启动应用程序和终止应用程序的方法
2019/06/28 Python
python剪切视频与合并视频的实现
2020/03/03 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
最新PyCharm 2020.2.3永久激活码(亲测有效)
2020/11/26 Python
CSS3 background-image颜色渐变的实现代码
2018/09/13 HTML / CSS
Skyscanner澳大利亚:全球领先的旅游搜索网站
2018/03/24 全球购物
PREMIUM-MALL法国:行李、箱包及配件在线
2019/05/30 全球购物
Java方面的关于数组和继承的笔面试题
2015/09/18 面试题
初中同学聚会邀请函
2014/02/03 职场文书
高三化学教学反思
2016/02/22 职场文书
springboot集成flyway自动创表的详细配置
2021/06/26 Java/Android
SpringBoot使用AOP实现统计全局接口访问次数详解
2022/06/16 Java/Android
vue实现input输入模糊查询的三种方式
2022/08/14 Vue.js