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中Ajax的load方法详解
Jan 14 Javascript
javascript中attachEvent用法实例分析
May 14 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
KnockoutJS 3.X API 第四章之数据控制流with绑定
Oct 10 Javascript
js实现前端图片上传即时预览功能
Aug 02 Javascript
JavaScript引用类型Array实例分析
Jul 24 Javascript
angularjs 动态从后台获取下拉框的值方法
Aug 13 Javascript
javascript实现计算指定范围内的质数示例
Dec 29 Javascript
vuejs简单验证码功能完整示例
Jan 08 Javascript
如何自动化部署项目?折腾服务器之旅~
Apr 16 Javascript
Vue.js中该如何自己维护路由跳转记录
May 19 Javascript
vue实现条件叠加搜索的解决方法
May 28 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
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
WHOOPS PHP调试库的使用
2017/09/29 PHP
原生php实现excel文件读写的方法分析
2018/04/25 PHP
PHP中-&gt;和=&gt;的含义及使用示例解析
2020/08/06 PHP
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
JavaScript 加号(+)运算符号
2009/12/06 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
2013/11/26 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
2014/01/22 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
2016/06/09 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
react-router中的属性详解
2017/06/01 Javascript
详解angularjs获取元素以及angular.element()用法
2017/07/25 Javascript
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
Vue波纹按钮组件制作
2018/04/30 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
2018/11/20 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
如何阻止小程序遮罩层下方图层滚动
2019/09/05 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
vue实现拖拽进度条
2021/03/01 Vue.js
[15:35]教你分分钟做大人:天怒法师
2014/10/30 DOTA
Python编程中对super函数的正确理解和用法解析
2016/07/02 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
Django 迁移、操作数据库的方法
2019/08/02 Python
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
一篇.NET面试题
2014/09/29 面试题
英语国培研修感言
2014/02/13 职场文书
班主任工作总结范文
2015/08/13 职场文书
MySQL 可扩展设计的基本原则
2021/05/14 MySQL
SQL Server中使用表变量和临时表
2022/05/20 SQL Server