作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我们目前正在为我们的一个应用程序开发一个基于 C++ 的 Web 界面(仅供查看)。 Web 应用程序使用 Bootstrap。我是 JavaScript 和 JQuery 初学者。
在网页顶部,我需要显示缩略图(如果可用),否则显示默认图片。
我有缩略图的链接,即使它没有指向任何资源(图片可以因与此处无关的不同原因而被删除,这不是错误)。缩略图的链接采用以下格式/resources/id={some_id}
使用 jquery,我执行以下操作:
<html>
<body>
<img id="thumbnail" />
<script>
var jobId = getUrlVars()["jobId"];
$.getJSON("/jobs?jobId=" + jobId, function(jobDescription) {
/* thumbnailSrc will always contain something valid,
but that can point to some not existing picture */
let thumbnailSrc = jobDescription.thumbnailSrc;
$('#thumbnail').attr("src", thumbnailSrc);
});
</script>
</body>
</html>
如果链接有效,则一切正常;否则,它会显示损坏的图片。我想测试 thumbnailSrc 是否是一个有效的链接(不返回 404 错误),以便能够执行以下操作:
<script>
var jobId = getUrlVars()["jobId"];
$.getJSON("/jobs?jobId=" + jobId, function(jobDescription) {
let thumbnailSrc = jobDescription.thumbnailSrc;
if (/* thumbnailSrc link is working */)
$('#thumbnail').attr("src", thumbnailSrc);
else
$('#thumbnail').attr("src", "/resources/default_picture.png");
});
</script>
如何在 Javascript(或 JQuery)中测试链接是否有效?
最佳答案
使用如下回调函数
<img src="image.gif" onerror="myFunction()">
<script>
function myFunction() {
alert('The image could not be loaded.');
}
</script>
关于javascript - 如何测试 Javascript 或 JQuery 中的链接是否有效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59933167/
我是一名优秀的程序员,十分优秀!