JQuery-检查IMG src是否有效
JQuery - Check to see if an IMG src is valid
是否可以使用jquery检查img src是否有效?
我们有一个动态网站,里面有数百篇新闻文章,其中大部分都包含图像,基本上有一个后端错误,即使目前没有图像,也会显示图像div,这给我们带来了一些问题。
<div class="imgBlock">
<img class="newsImg" src="db/imgart/10234.jpg" />
</div>
是否可以通过JQuery脚本检测img src是否正在传递图像?
function IsValidImageUrl(url) {
$("<img>", {
src: url,
error: function() { alert(url + ': ' + false); },
load: function() { alert(url + ': ' + true); }
});
}
使用如下错误处理程序:
$(".newsImg").error(function() {
alert("No image");
});
或
var image = new Image();
image.src = "db/imgart/10234.jpg";
if (image.width == 0) {
alert("No image");
}
使用简单的css:
<style type="text/css">
.hidden {
display: none;
{
.visible {
display: block;
}
</style>
然后编写脚本
var imgDiv = document.getElementById('img1'); //your div id
var imgsrc = "db/imgart/10234.jpg"; //or document.getElementById(img1).getElementsByTagName('img');
var img = new Image();
img.onerror = function (evt){
alert(this.src + " can't be loaded.");
//hide <div>
imgDiv.setAttribute('class', 'hidden');
}
img.onload = function (evt){
alert(this.src + " is loaded.");
//show div
imgDiv.setAttribute('class', 'visible');
}
img.src = imgsrc;
相关文章:
- 如何在AngularJS中有效地检查日期是否有效
- 检查蒸汽配置文件url是否有效
- 此multi-onChange事件是否有效
- 如果标记是使用 JavaScript 动态构建的,Schema.org 标记是否有效?
- 当用户在移动网络上时,GeoIP是否有效
- 如果系统时间发生更改,setTimeout是否有效
- JQuery-检查IMG src是否有效
- Regex以确定该值在JS中是否有效,返回null
- 在不重新运行jquery验证的情况下检查表单是否有效
- 使用JSONP内容压缩web服务响应是否有效
- Angular 2-检查图像url是否有效或已损坏
- Jquery/Javascript检查我的单词是否有效
- 一种确定网站是否有效的方法
- 在 Zurb Foundation 5 中没有 JavaScript 的顶栏是否有效
- 使用 javascript 确定电子邮件地址是否有效
- 将 Object.defineProperties 与符号一起使用是否有效
- 尝试检索变量以检查表单是否有效
- XMLHttpRequest Open and Send:如何判断它是否有效
- 如何测试字符串是否有效日期是否使用时刻
- 验证码在本地主机中是否有效