Question

我需要将文件（jpg或pdf）加载到弹出窗口作为预览。 URL中未提供文件的扩展名。关键是，只要它是一个图像，文件就需要完全适合弹出窗口，因此我想用外部文件输出图像标签。如果是pdf，我想输出一个iframe（我们要求浏览器有一个pdf插件）。为了实现这一点，我在jQuery中编写了以下代码：

var src = "http://localhost/test/js/embed/test";
var popup = $("#popup");
var previewImage = $('<img style="width:100%" id="previewImage" />');
var previewFrame = $('<iframe id="previewFrame"></iframe >');

previewFrame.on("load", function() {
    //alert("frame loaded");
});
previewFrame.on("error", function() {
    //alert("frame error");
});
previewImage.on("load", function() {
    //alert("img loaded");
    popup.append(previewImage);
});
previewImage.on("error", function() {
    //alert("img error");
    previewFrame.attr("src", src);
    popup.append(previewFrame);
});
previewImage.attr("src", src);

查看检查员我可以看到，只要加载了pdf，就会对该文件发出2个请求。我可以以某种方式更改代码，以便始终只发出一个请求，或者2个请求是否仍然存在问题（第二个请求是否会从缓存中获取文件）？

提前致谢

仅加载外部资源

0 个答案: