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 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
基于jQuery的自动完成插件
Feb 03 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
jQuery实现简单滚动动画效果
Apr 07 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
Dec 14 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
Jul 31 Javascript
通过封装scroll.js 获取滚动条的值
Jul 13 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
微信小程序自定义navigationBar顶部导航栏适配所有机型(附完整案例)
Apr 26 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
关于BIG5-HKSCS的解决方法
2007/03/20 PHP
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
ThinkPHP使用UTFWry地址库进行IP定位实例
2014/04/01 PHP
完美利用Yii2微信后台开发的系列总结
2016/07/18 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
收集的一些Array及String原型对象的扩展实现代码
2010/12/05 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
在JavaScript中对HTML进行反转义详解
2016/05/18 Javascript
js接收并转化Java中的数组对象的方法
2016/08/11 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
原生js实现ajax方法(超简单)
2016/09/20 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
2017/04/16 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
vue 本地环境跨域请求proxyTable的方法
2018/09/19 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
微信小程序 select 下拉框组件功能
2019/09/09 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
js实现滑动进度条效果
2020/08/21 Javascript
Python+微信接口实现运维报警
2016/08/27 Python
python操作oracle的完整教程分享
2018/01/30 Python
[原创]windows下Anaconda的安装与配置正解(Anaconda入门教程)
2018/04/05 Python
python爬取个性签名的方法
2018/06/17 Python
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
python怎么删除缓存文件
2020/07/19 Python
美国第二大连锁书店:Books-A-Million
2017/12/28 全球购物
纪律教育学习心得体会
2014/09/02 职场文书
学校机关党总支领导班子整改工作方案
2014/10/26 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
一文搞懂MySQL索引页结构
2022/02/28 MySQL
Redis 的查询很快的原因解析及Redis 如何保证查询的高效
2022/03/16 Redis
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL