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 DOM学习第一章 W3C DOM简介
Feb 19 Javascript
Javascript中的变量使用说明
May 18 Javascript
浅析Node.js中的内存泄漏问题
Jun 23 Javascript
Bootstrap table右键功能实现方法
Feb 20 Javascript
利用Node.js对文件进行重命名
Mar 12 Javascript
基于Vue实现支持按周切换的日历
Sep 24 Javascript
提高Node.js性能的应用技巧分享
Aug 10 Javascript
JS实现匀加速与匀减速运动的方法示例
Sep 04 Javascript
微信小程序实现下拉刷新和轮播图效果
Nov 21 Javascript
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
Vue 使用中的小技巧
Apr 26 Javascript
Vue中全局变量的定义和使用
Jun 05 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下用cookie统计用户访问网页次数的代码
2010/05/09 PHP
php商品对比功能代码分享
2015/09/24 PHP
php组合排序简单实现方法
2016/10/15 PHP
PHP 根据key 给二维数组分组
2016/12/09 PHP
PHP封装的page分页类定义与用法完整示例
2018/12/24 PHP
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
理解Javascript_03_javascript全局观
2010/10/11 Javascript
Javascript中判断变量是数组还是对象(array还是object)
2013/08/14 Javascript
jQuery内部原理和实现方式浅析
2015/02/03 Javascript
JavaScript知识点总结之如何提高性能
2016/01/15 Javascript
javacript获取当前屏幕大小
2016/06/04 Javascript
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
2017/07/24 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
2018/09/03 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
vue实现路由监听和参数监听
2019/10/29 Javascript
JS简单表单验证功能完整示例
2020/01/26 Javascript
Python实现的异步代理爬虫及代理池
2017/03/17 Python
Python实现的文本简单可逆加密算法示例
2017/05/18 Python
Django权限机制实现代码详解
2018/02/05 Python
python实现决策树ID3算法的示例代码
2018/05/30 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
python读取.mat文件的数据及实例代码
2019/07/12 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
英语翻译系毕业生求职信
2013/09/29 职场文书
婚礼新郎父母答谢词
2014/01/16 职场文书
乡镇信息公开实施方案
2014/03/23 职场文书
本科毕业生求职自荐信
2014/04/09 职场文书
2014年监理个人工作总结
2014/12/11 职场文书
师德师风事迹材料
2014/12/20 职场文书
丽江古城导游词
2015/02/03 职场文书
建党伟业电影观后感
2015/06/01 职场文书
Pytest中conftest.py的用法
2021/06/27 Python