合并PDF文件时出现瞬间404错误

Question

我正在尝试合并pdf文件并在iframe中显示它们。一切正常，但是当我尝试合并pdfs一秒钟时，我收到404错误，之后每当生成文件时一切正常。 我该如何解决我的问题？

 <md-tab label="Preview Pdfs">
     <div flex ng-hide="userForm.$invalid">
     <fieldset class="md-padding">
     <legend class="standart">Pdf preview</legend>
     <iframe ng-src="{{mergedPdfFile}}" style="width:100%; height:800px; margin-top:20px;" type='application/pdf'></iframe>
     </fieldset>
     </div>
</md-tab>

getMergedPdf(selectedPdfsIds).then(function (response) {

         $scope.mergedPdfFile = baseUrl + response;
     });

网络流量

Answer 1

您的getMergedPdf()功能是异步的，并且您在$scope.mergedPdfFile有值之前显示您的iframe。因此，首次显示iframe时，ng-src="{{mergedPdfFile}}将为null。根据{{​​1}}处理所需的时间长短，您可能会看到404片刻或更长时间。

简单的解决方案是在iframe上使用getMergedPdf()，这样iframe就不会呈现，直到有实际内容显示在其中，例如：

ng-if