自己生成的页面,保存为图片,并下载word

ops/2024/11/12 4:05:41/

word_0">自己生成的页面,保存为图片,并下载word

 // 下载word$(document).on("click",".wordbtn",function(){var images = $('.swiper-wrapper .swiper-slide');var imagesData = [];var promises = [];images.each(function() {var promise = html2canvas(this).then(function(canvas) {var imgData = canvas.toDataURL('image/png');imagesData.push(imgData);});promises.push(promise);});Promise.all(promises).then(function() {var content = `<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:w='urn:schemas-microsoft-com:office:word' xmlns='http://www.w3.org/TR/REC-html40'><head><meta charset='utf-8'></head><body>`;imagesData.forEach(function(data) {content += `<img src='${data}'><br><br>`;});content += `<p>${$('.text1').html()}</p><p>${$('.text2').html()}</p></body></html>`;var blob = new Blob(['\ufeff', content], {type: 'application/msword'});saveAs(blob, 'document.doc');});});

http://www.ppmy.cn/ops/132168.html

相关文章

Redis - 主从复制

在分布式系统中为了解决单点问题&#xff0c;通常会把数据复制多个副本部署到其他服务器&#xff0c;满⾜故障恢 复和负载均衡等需求。Redis也是如此&#xff0c;它为我们提供了复制的功能&#xff0c;实现了相同数据的多个Redis副 本。复制功能是⾼可⽤Redis的基础&#xff0c…

登陆验证中的cookie和session对比

1. Cookie 和 Session 简介 Cookie&#xff1a;Cookie 是一种存储在客户端&#xff08;如浏览器&#xff09;的小数据。它通常被服务器生成并发送给客户端&#xff0c;之后在每次请求时由客户端将其附带返回服务器&#xff0c;从而实现用户的身份识别和状态管理。 Session&…

计算机毕业设计Python流量检测可视化 DDos攻击流量检测与可视化分析 SDN web渗透测试系统 网络安全 信息安全 大数据毕业设计

温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 温馨提示&#xff1a;文末有 CSDN 平台官方提供的学长联系方式的名片&#xff01; 作者简介&#xff1a;Java领…

【图论】图的C++实现代码

在这个例程中我们用类实现了节点、&#xff08;无向图&#xff09;连边、无向图&#xff0c;实现了节点度的计算、无向图聚类系数计算、度分布统计、无向图的Dijkstra算法&#xff08;已知起止点计算最短路的算法&#xff09; #include <iostream> #include<vector&g…

MySQL第六章,数据库企业级开发技术

这一章节也是非常重要的一章&#xff0c;非常常用&#xff01; 一、事务&#xff08;Transactions&#xff09; 1. 事务的概念 事务是数据库操作的基本单位&#xff0c;它保证了一组数据库操作要么全部执行成功&#xff0c;要么全部回滚&#xff0c;从而保持数据的一致性和完…

Python并发编程库:Asyncio的异步编程实战

Python并发编程库&#xff1a;Asyncio的异步编程实战 在现代应用中&#xff0c;并发和高效的I/O处理是影响系统性能的关键因素之一。Python的asyncio库是专为异步编程设计的模块&#xff0c;提供了一种更加高效、易读的并发编程方式&#xff0c;适用于处理大量的I/O密集型任务…

How to use ffmpeg to convert video format from .webm to .mp4

The .mp4 container format doesn’t support the VP8 codec, which is commonly used in .webm files. MP4 containers typically use the H.264 codec for video and AAC for audio. You’ll need to re-encode the video using the H.264 codec and re-encode the audio us…

uniapp组件样式运行至小程序失效

文章目录 一、uniapp样式穿透打包运行至微信小程序失效 一、uniapp样式穿透打包运行至微信小程序失效 组件样式隔离文章参考 解决方案 options: {styleIsolation: "shared",},这个配置项改变了小程序组件的样式隔离模式&#xff0c;使得组件的样式能够共享和继承。…