html2canvas转为图片异步转同步问题(记录)

在尝试使用html2canvas截取并替换页面内容为图片后,发现保存至数据库的内容未更新。通过研究相关博客,了解到html2canvas的异步执行特性导致问题。尝试使用Promise.all()结合html2canvas的Promise解决同步执行问题,确保操作按预期顺序完成。
摘要由CSDN通过智能技术生成

描述:最近使用html2canvas插件截取页面上指定dom为图片,然后将生成的图片替换页面上的dom后,将替换后的页面内容保存至数据库,结果保存的是保存前的页面,初步判定是html2canvas的异步执行造成的。

 

参考了两篇博文:

一、H5 -- (功能)基于html2canvas实现长按网页保存为图片到本地

https://blog.csdn.net/weixin_41076513/article/details/80896399

二、漫谈javascript同步&异步编程的N种方式 - ps:将html2canvas变成同步的解决方案

http://www.cnblogs.com/quenteenfix/p/3556269.html

对html2canvas的使用很有帮助,但遗憾的是最终并没有让我实现接下来的同步执行方法;

于是又发现了下面这篇文章:使用ajax 回调函数返回值 使用Promise完美解决(不是异步)

https://blog.csdn.net/fastjack/artic

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值