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调用webService远程访问出错的解决方法
May 21 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
Aug 21 Javascript
JS实现静止元素自动移动示例
Apr 14 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
Sep 17 Javascript
JavaScript实现滑动导航栏效果
Aug 30 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
Apr 08 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
Jan 19 Javascript
Javascript地址引用代码实例解析
Feb 25 Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 Javascript
vue中如何添加百度统计代码
Dec 19 Vue.js
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关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
PHP函数http_build_query使用详解
2014/08/20 PHP
PHP Web木马扫描器代码分享
2015/09/06 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
javascript克隆对象深度介绍
2012/11/20 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
jquery及js实现动态加载js文件的方法
2016/01/21 Javascript
Bootstrap在线电子商务网站实战项目5
2016/10/14 Javascript
详解Vue爬坑之vuex初识
2017/06/14 Javascript
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
2018/04/12 Javascript
详解vue-cli中模拟数据的两种方法
2018/07/03 Javascript
node.js学习笔记之koa框架和简单爬虫练习
2018/12/13 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
在Lighttpd服务器中运行Django应用的方法
2015/07/22 Python
python开启摄像头以及深度学习实现目标检测方法
2018/08/03 Python
python如何给字典的键对应的值为字典项的字典赋值
2019/07/05 Python
Django的Modelforms用法简介
2019/07/27 Python
Python列表如何更新值
2020/05/27 Python
详解在Python中使用Torchmoji将文本转换为表情符号
2020/07/27 Python
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
Sneaker Studio罗马尼亚网站:购买运动鞋
2018/11/04 全球购物
英国银首饰公司:e&e Jewellery
2021/02/11 全球购物
教师师德教育的自我评价
2013/10/31 职场文书
师范学院美术系毕业生自我鉴定
2014/01/29 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
党员思想汇报材料
2014/12/19 职场文书
个人党性分析总结
2015/03/05 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书
Js类的构建与继承案例详解
2021/09/15 Javascript
解决Redis启动警告问题
2022/02/24 Redis