How does js construct a html text content to be sent to the background in the form of a file stream?

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" />
                    <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);
                
            })

now the error is reported in the above way:

clipboard.png

Apr.01,2021

solved by yourself

            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',
            })
Menu