html转换为流,JS构造一个html文本内容成文件流形式发送到后台

本文介绍了如何利用JavaScript将HTML内容转换为文件流,并通过POST请求发送到后台。关键步骤包括创建Blob对象,形成文件流,然后利用FormData进行数据封装,最后使用axios进行异步提交。在解决问题的过程中,修正了原先导致错误的方法。
摘要由CSDN通过智能技术生成

JS构造一个html文本内容成文件流形式发送到后台

发布时间:2020-09-02 03:10:37

来源:脚本之家

阅读:142

作者:Awbeci

具体代码如下所示:

let html =

X-Find迅聘选才

${resumecss}

${template}

;

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);

})

现在上面方式报错:

031b4110a148468a9cdebaaea5b0050c.png

解决方法其实很简单

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文本内容成文件流形式发送到后台,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对亿速云网站的支持!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值