java - js判断iframe是否包含图片

Question

我正在开发一个允许用户注册我的计划的应用程序。我的问题是，在注册结束时，我生成一个 PDF 供他们查看并接受条款和电子签名。有时，PDF 服务器无法进行流式传输，当发生这种情况时，iFrame 仅包含图像的替代文本。有没有办法查看 iFrame 并查看 PDF 的图像是否存在或替代文本是否存在。这样我就可以阻止他们继续并显示错误消息。

一个 Jsp 看起来像这样

    <c:forEach items="${images}" var="src">
        <img src="${src}" alt="Image" />
    </c:forEach>

此 Jsp 调用生成函数，该函数生成 pdf 并将其转换为图像，然后将它们保存到远程服务器。然后 Controller 返回第一个 jsp 作为应填充 iFrame 的 View 。

     <div id="image">
                    <img id="loading" src="/blah/resources/images/loading.gif" />
                    <iframe style="width: 775px; height: 600px; display: none"
                            src="blah/blah/pdf/generateImages?product=<c:out value="${fn:toLowerCase(enrollmentConversation.product.textKey)}" />&state=<c:out value="${stateCodeAbbreviation}" />&pdfGuid=<c:out value="${pdfGUIDForLookup}" />&sizeType=775/p2"
                            id="pdfIframe"
                            onLoad="jQuery('#pdfIframe').show();
                                    jQuery('#loading').hide();
                                    jQuery('.hideWhileWaiting').show();">
                    </iframe>
     </div>

那么有没有办法查看 iFrame 并判断它是否包含图像或是否包含 alt text="Images"？

Answer 1

您的 iFrame 可以是另一个跨域应用程序(或同一域上的同一应用程序)。

当您创建 pdf 并将其转换为图像时，我建议您在数据库中写入 SUCCESS/FAILURE 条目。

然后从您的调用应用程序中，使用 AJAX 数据库调用，您可以轻松确定 pdf->image 是否已成功生成。