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 XML操作 封装类
Jul 01 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
cookie中的path与domain属性详解
Dec 18 Javascript
JS数组的赋值介绍
Mar 10 Javascript
JavaScript中getUTCSeconds()方法的使用详解
Jun 11 Javascript
移动端js触摸事件详解
Sep 18 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
Jan 10 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
webpack学习教程之前端性能优化总结
Dec 05 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 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将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
PHP Warning: PHP Startup: Unable to load dynamic library \ D:/php5/ext/php_mysqli.dll\
2012/06/17 PHP
PHP 异步执行方法,模拟多线程的应用分析
2013/06/03 PHP
php防注入及开发安全详细解析
2013/08/09 PHP
php一次性删除前台checkbox多选内容的方法
2013/09/22 PHP
php将mysql数据库整库导出生成sql文件的具体实现
2014/01/08 PHP
HTML页面如何象ASP一样接受参数
2007/02/07 Javascript
JS中的public和private对象,即static修饰符
2012/01/18 Javascript
JavaScript 函数replace深入了解
2013/03/14 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
js中document.write的那点事
2014/12/12 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
jQuery遍历DOM元素与节点方法详解
2016/04/14 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
2016/05/31 Javascript
jquery与ajax获取特殊字符实例详解
2017/01/08 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
深入浅析Vue不同场景下组件间的数据交流
2017/08/15 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
2018/03/25 jQuery
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
2018/04/20 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
Vue中mintui的field实现blur和focus事件的方法
2018/08/25 Javascript
微信运维交互机器人的示例代码
2018/11/12 Javascript
layui动态加载多表头的实例
2019/09/05 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
2020/11/12 Javascript
python strip()函数 介绍
2013/05/24 Python
pip 错误unused-command-line-argument-hard-error-in-future解决办法
2014/06/01 Python
Python检测数据类型的方法总结
2019/05/20 Python
Django url 路由匹配过程详解
2021/01/22 Python
css3 pointer-events 介绍详解
2017/09/18 HTML / CSS
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
斯福泰克软件测试面试题
2015/02/16 面试题
汽车电子与维修专业大学生求职信
2013/09/28 职场文书
三爱活动实施方案
2014/03/19 职场文书