Vue html下载为docx/Axios post表单提交（application/x-www-form-urlencoded）

不知言

已于 2022-04-22 15:21:05 修改

阅读量389

点赞数

分类专栏： Vue 文章标签： vue

于 2022-03-23 14:44:06 首次发布

本文链接：https://blog.csdn.net/WangYanWenXin/article/details/123685808

版权

Vue 专栏收录该内容

29 篇文章 2 订阅

订阅专栏

文章目录

- html元素下载为docx
- Axios

html元素下载为docx

html-docx-js：htmlDocx.asBlob();
file-saver: FileSaver.saveAs(htmlDocx.asBlob(), ‘title’)
例子：

	let originHtml = '***';
	let reg = /\<table/g;
	let innerHtml = originHtml .replace(reg, function(result) {
          return result + ' style="border: 1px solid #DDDDDD;border-collapse: collapse;" '
      })
	 let htmlContent= `<!DOCTYPE html><html>
               <head>
                   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
               </head>
               <style></style>
               <body>
               	 ${innerHtml }
               </body>
           </html>`;
    let converted = htmlDocx.asBlob(htmlContent);
    FileSaver.saveAs(converted, `${title}.docx`);

Axios

qs：qs.stringify() 序列化字符串，axios以表单方式提交时（Content-type: application/x-www-form-urlencoded），需要用它序列化入参

    /**
      * 自定义post请求
      */
     post(url, params, type, config) {
       if (!params) {
         params = {};
       }
       if (!config) {
         config = {};
       }
       if (type == HttpConstant.FORM_DATA_REQ) {
         params = qs.stringify(params);
       }
       return axios.post(url, params, config);
     }
   ```

不知言

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue html下载为docx/Axios post表单提交（application/x-www-form-urlencoded）

文章目录文档（下载为docx）Axios文档（下载为docx）html-docx-js：htmlDocx.asBlob();file-saver: FileSaver.saveAs(htmlDocx.asBlob(), ‘title’)例子： let originHtml = '***'; let reg = /\<table/g; let innerHtml = originHtml .replace(reg, function(result) { retu
复制链接

扫一扫