代码之家  ›  专栏  ›  技术社区  ›  GoGo

在Angular 2中使用JSPDF生成PDF时出现domException+

  •  -1
  • GoGo  · 技术社区  · 6 年前

    我有一个简单的typescript函数,它允许我导出图片和图片上的文本。图片位于Web上,并且具有有效的URL。但我收到以下错误:

    错误domException:未能在“xmlhttpRequest”上执行“send”:加载失败 https://docs.gimp.org/es/images/tutorials/quickie-jpeg-100.jpg '.

    我使用的代码如下:

    getPdf () {
        const imgData = 'https://docs.gimp.org/es/images/tutorials/quickie-jpeg-100.jpg';
    
        const pdf = new jsPDF();
        pdf.addImage(imgData, 'JPG', 15, 40, 100, 100);
        pdf.text(30, 30, 'test');
        pdf.save('my_pdf.pdf');
     }
    

    我看了他们的文档和现场演示。我好像有同样的密码。你也可以找到一个劫掠者 Here

    任何帮助都将不胜感激。

    1 回复  |  直到 6 年前
        1
  •  1
  •   BhargavG    6 年前

    这是因为您使用图像URL作为数据URL。根据JSPDF演示

    “您需要将图像转换为数据URL”

    使用 http://dataurl.net/#dataurlmaker

    你可以在这里查到 jsPDF site

    因此,基本上,在本地系统中下载您的图像,从中生成数据URL,用您的URL替换它,它将按预期工作。不需要换其他东西。 你也可以找到普朗克 here

    const imgData = 'imageDataUrl Here';