domtoimage截屏报错Uncaught(in promise)

最新推荐文章于 2023-11-23 21:24:15 发布
最新推荐文章于 2023-11-23 21:24:15 发布
阅读量1.6k 收藏 1
点赞数 4
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/summer721066/article/details/114116716
版权

1. 截屏失败，找了很久的原因，我出现的问题是因为截屏的内容中有一个img标签，src为空，所以就报如下错误，我移除img标签，就可以正常截屏了。

summer鸿
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
domtoimage.js
07-31
domtoimage图片下载插件,用于将dom节点转换成图片,然后就可以下载下来
dom-to-image的图片跨域等问题解决
weixin_47359038的博客
06-02 2542
在项目开发中用到了将相关dom元素转为一个base64格式的图片链接，进行后续预览功能。本地开发时一切正常，放到线上环境中发现了2个问题，一个是线上加载http链接资源的问题，一个是图片的跨域问题。
domtoimage踩坑日记
BelieveYzy的博客
12-25 2631
domtoimage插件截图文件损坏情况的原因和处理方式
domtoimage的在vue的使用
weixin_39818813的博客
03-09 4231
有个把文档转化为文档并上传的需求，之前用的是html2canvas，发现有几个坑： 1.遇到图片跨域会报错，需要后台配合 2.SVG图无法绘制，参考了李成银大佬 Link ->解决 html2canvas 处理 svg 时样式丢失的问题的文章，还是无法解决。 所以换了个插件，用domtoimage，使用完美。 1.安装，引入 npm install html2canvas ...
html2canvas以及domtoimage的使用踩坑总结
weixin_33675507的博客
08-13 4041
前言 首先做个自我介绍，我是成都某企业的一名刚刚入行约一年的前端，在之前的开发过程中，遇到了问题，也解决了问题，但是在下一次解决相同问题的时候，只对这个问题有一丝丝的印象，还需要从新去查找，于是，我注册了segmemtfault，便于搜集我的问题总结，以及将踩坑经验分享给每一个开发人员，好了，闲话不多说。 需求 需求：要求能够实现根据后端...
ios生成海报使用dom-to-image中toPng报错isTrusted:true
weixin_44601570的博客
11-23 923
主要是ios中safari浏览器解析错误，引起的报错，主要引起原因toPng会调用toSvg，toSvg直接将html标签内容通过svg中foreignObject标签直接包裹，然后转base64， 通过data:image/svg+xml;解决办法：二次生成（调用两次），判断ios or 安卓，生成第一次生成，不用参数，例如：scale： 3，在第二次生成再进行清晰度操作，避免多次生成，引起性能消耗。以上种种很多案例，使用canvase进行转换的，标签丢失，直接toPng版本的，兼容性问题。
vue dom-to-image
领悟
09-02 2073
在vue中使用dom-top-image,可截取有滚动条的页面,支持多种格式 使用dom-top-image 获取页面png格式截图,并下载到PC, 安装 npm install dom-to-image 在页面中引用 import domtoimage from 'dom-to-image' 使用方法 获取页面dom, 下载到本地本来是用的是window.saveAs,打包后出现未知错误,导致下载失败,更换下载方法, shotPic () { const that = this
报`Uncaught (in promise)`错误解决办法
weixin_46721670的博客
09-26 6万+
使用了promise,但是在使用的过程中报错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上，就不会报错了。
dom-to-image 将vue中未显示的组件转成图片， 并上传
HYeeee的博客
07-19 6662
1、基本使用 npm地址 import domtoimage from 'dom-to-image' export function dom2img(node) { return domtoimage.toPng(node, { cacheBust: true }) .then(function(dataUrl) { var img = new Image(); img.src = dataUrl; document.body.appendChild(img
【前端报错Uncaught (in promise) 的解决方法之一】
weixin_55736667的博客
08-20 7858
前端报错Uncaught (in promise) 的解决方法之一
Uncaught (in promise) Error
qq_48317702的博客
01-02 797
Uncaught (in promise) Error: Network Error
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决Vue-Router升级导致的Uncaught (in promise)问题
10-14
主要介绍了解决Vue-Router升级导致的Uncaught (in promise)问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在微信同时使用QRCode与domtoimage插件时，domtoimage无法生成图片的问题
weixin_45195628的博客
01-21 1092
最近踩得坑比较多，记录一下BUG出现过程 原因是公司要求在公众号展示出相关机构的报告，将页面转为图片并附带二维码，在pc端时候，QRCode与domtoimage并不会出现问题，但我将代码提交服务器，并用手机微信查看的时候，发现在微信公众号中domtoimage插件生成失败了。 解决思路与办法就是先使用QRcode生成二维码，生成二维码后，需要在二维码生成的方法后面加入下面的代码 var img = document.getElementById("twoCode").getElementsByTagNam
关于html2Canvas和domToImage两个插件的浏览器兼容性问题。（IE兼容）
weixin_44576484的博客
05-19 546
需求场景：需要将多个table表格dom节点生成为图片。分别记录下两个插件使用的问题。两个插件的使用前提，都是将table的dom节点绝对定位到页面之外（当前页面可视范围内无法看到，做过尝试对比，无论在可视范围内还是外都效果都一致）。
Uncaught (in promise) 的解决方法，可能原因
热门推荐
一点光辉的博客
08-05 21万+
// http response 拦截器 service.interceptors.response.use( response => { debugger if (!response.config.noLoading) { closeLoading() } if (response.data instanceof Blob) { return Promise.resolve(response.data) } else if (re.
canvas.toDataURL生成图片报错的解决方案
凌晨不睡觉
04-12 1760
解决图片的跨域问题需要前后的配合进行，测试进行时发现服务端是支持CORS跨域的，因此在前端设置下img的CORS属性即可，如果设置后不生效的话需要考虑下是不是由于请求资源都会在CDN服务器中缓存，所以设置后会存在不生效的情况。资源服务器给图片设置cors请求头允许跨域请求，前端设置图片的crossOrigin属性为anonymous来允许跨域，并且在图片后缀添加时间戳，防止请求CDN缓存资源；这个根据不同的系统有不同的表现，例如：生成完毕但控制台有warning类型的警告，或者直接异常报error。
Uncaught (in promise)解决方法
m0_73481765的博客
08-03 2万+
在开发环境中使用 Chrome 开发者工具。Chrome 开发者工具可以在 Console 面板中显示未被捕获的 Promise 异常，帮助我们找到异常的原因。错误表示在 Promise 中发生了异常，但是没有被捕获。处理 Promise 中的异常。在 Promise 链式调用中，可以使用。如果前面的 Promise 发生了异常，则会被后面的。处理 Promise 中的异常。错误的几种方法，可以根据具体情况选择适合自己的方式来解决问题。捕获异常，防止异常被抛出并且可以在捕获后进行处理。
promise.all报错 Uncaught (in promise) undefined
最新发布
12-23
根据提供的引用内容，你遇到的问题是在使用Promise.all时出现了Uncaught (in promise) undefined的错误。这个错误通常是由于Promise.all中的某个Promise被拒绝（rejected）而导致的。下面是一些可能导致这个错误的原因和解决方法： 1. 检查Promise.all中的所有Promise是否都正确地被解决（resolved）或拒绝（rejected）。如果有任何一个Promise被拒绝，Promise.all将立即返回一个被拒绝的Promise，并且错误信息将被传递给.catch()方法。 2. 确保在Promise.all中的每个Promise中都有正确的错误处理机制。如果一个Promise被拒绝但没有提供错误处理，那么错误将被传递给Promise.all，并且可能导致Uncaught (in promise) undefined的错误。 3. 检查你的代码逻辑，确保Promise.all中的每个Promise都能够正确地被解决或拒绝。如果有任何一个Promise没有正确地被解决或拒绝，那么Promise.all将不会返回结果，并且可能导致Uncaught (in promise) undefined的错误。 下面是一个示例代码，演示了如何使用Promise.all并正确处理错误： ```javascript const promise1 = new Promise((resolve, reject) => { // 异步操作 resolve('Promise 1 resolved'); }); const promise2 = new Promise((resolve, reject) => { // 异步操作 reject('Promise 2 rejected'); }); const promise3 = new Promise((resolve, reject) => { // 异步操作 resolve('Promise 3 resolved'); }); Promise.all([promise1, promise2, promise3]) .then((results) => { // 所有Promise都被解决时执行 console.log(results); }) .catch((error) => { // 任何一个Promise被拒绝时执行 console.error(error); }); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值