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 相关文章推荐
js 使用form表单select类实现级联菜单效果
Dec 19 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
js 调用父窗口的具体实现代码
Jul 15 Javascript
jQuery实现根据类型自动显示和隐藏表单
Mar 18 Javascript
JavaScript DOM事件(笔记)
Apr 08 Javascript
javascript日期操作详解(脚本之家整理)
Sep 05 Javascript
javascript使用递归算法求两个数字组合功能示例
Jan 03 Javascript
bootstrap常用组件之头部导航实现代码
Apr 20 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
Sep 18 Javascript
Webpack中SplitChunksPlugin 配置参数详解
Mar 24 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
Jun 05 Javascript
js前端对于大量数据的展示方式及处理方法
Dec 02 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中each与list用法分析
2016/01/08 PHP
Yii框架日志操作图文与实例详解
2019/09/09 PHP
js弹出层之1:JQuery.Boxy (二)
2011/10/06 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
在页面加载完成后通过jquery给多个span赋值
2014/05/21 Javascript
Node调试工具JSHint的安装及配置教程
2014/05/27 Javascript
javascript 判断整数方法分享
2014/12/16 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
js实现索引图片切换效果
2015/11/21 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
2017/06/19 Javascript
解决VUEX兼容IE上的报错问题
2018/03/01 Javascript
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
如何使用JavaScript实现栈与队列
2019/06/24 Javascript
Vue和React有哪些区别
2020/09/12 Javascript
Python 解析XML文件
2009/04/15 Python
python结合API实现即时天气信息
2016/01/19 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
如何在python开发工具PyCharm中搭建QtPy环境(教程详解)
2020/02/04 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
解决Django提交表单报错:CSRF token missing or incorrect的问题
2020/03/13 Python
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
Prototype如何更新局部页面
2013/03/03 面试题
高中班长自我鉴定
2013/12/20 职场文书
宣传工作经验材料
2014/06/02 职场文书
红头文件任命书范本
2014/06/05 职场文书
办理收楼委托书范本
2014/10/09 职场文书
《开国大典》教学反思
2016/02/16 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android