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 相关文章推荐
如何在node的express中使用socket.io
Dec 15 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
jquery横向纵向鼠标滚轮全屏切换
Feb 27 Javascript
Koa2微信公众号开发之消息管理
May 16 Javascript
详解使用Next.js构建服务端渲染应用
Jul 10 Javascript
Vue中用props给data赋初始值遇到的问题解决
Nov 27 Javascript
Vue2.0实现简单分页及跳转效果
Jul 29 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 Javascript
JS实现横向轮播图(初级版)
Jun 24 Javascript
JS自定义滚动条效果
Mar 13 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 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.ini修改php上传文件大小限制的方法详解
2013/06/17 PHP
php数组中删除元素之重新索引的方法
2014/09/16 PHP
php多文件打包下载的实例代码
2017/07/12 PHP
PHP基于自定义函数生成笛卡尔积的方法示例
2017/09/30 PHP
JQuery从头学起第三讲
2010/07/06 Javascript
当jQuery1.7遇上focus方法的问题
2014/01/26 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
jquery实现移动端点击图片查看大图特效
2020/09/11 Javascript
angular 动态组件类型详解(四种组件类型)
2017/02/22 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
Javascript Web Worker使用过程解析
2020/03/16 Javascript
[04:16]DOTA2全国高校联赛16强抽签
2018/05/02 DOTA
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
python验证码识别的实例详解
2016/09/09 Python
python读取文件名称生成list的方法
2018/04/27 Python
python识别图像并提取文字的实现方法
2019/06/28 Python
django 简单实现登录验证给你
2019/11/06 Python
Python实现随机爬山算法
2021/01/29 Python
纯CSS3发光分享按钮的实现教程
2014/09/06 HTML / CSS
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
商场经理竞聘演讲稿
2014/01/01 职场文书
致百米运动员广播稿
2014/01/29 职场文书
县优秀教师事迹材料
2014/01/31 职场文书
2014年两会学习心得体会
2014/03/17 职场文书
幼儿园安全责任书
2014/04/14 职场文书
资助贫困学生倡议书
2014/05/16 职场文书
个人委托书如何写
2014/09/25 职场文书
学校党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
2014年部门工作总结
2014/11/12 职场文书
会计求职自荐信
2015/03/26 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
法定代表人资格证明书
2015/06/18 职场文书
教务处干事工作总结
2015/08/14 职场文书
百善孝为先:关于孝道的经典语录
2019/10/18 职场文书