如何验证URL中的内容（Javascript）
[英]How to validate a content in URL (Javascript)
问题描述
我在JSON feed中有URL，每个URL包含一个图像。 我想验证那些有图像或没有图像的URL（NULL）。 如何使用javascript验证这一点。 因为我是初学者，我不知道，如何验证这一点。 谢谢
JSON feed with image n NULL
{
previewImage:"http://123.201.137.238:6060/feed/videoplay/Jackie.png",
},
{
previewImage:"http://www.snovabits.net/feed/ImageMI/WarCraft.jpg",
},
2 个解决方案
解决方案1
1 已采纳 2011-12-08 10:06:44
有趣的问题！
尝试将图像添加到div（使用jQuery，可以使用display：none;隐藏div）。
然后定期测试图像的属性（使用setInterval循环），无论它们是否表示成功加载。 定义一些超时，之后setInterval将自行终止。
此属性适用于在Chrome和Firefox中测试成功的img加载：
naturalHeight != 0
此属性适用于在IE7,8,9中测试成功的img加载：
fileCreatedDate != ''
测试两者以使其适用于所有主流浏览器。
这是一个小提琴，看看道具在加载过程中如何以10毫秒的步长变化。 在不同的浏览器中尝试！：
http://jsfiddle.net/xGmdP/
在Chrome和FF中，您甚至可以通过检查所有图像的完整属性来替换setInterval循环的超时。 但不幸的是，这在IE中不起作用（对于无法加载的图像，IE中的完全始终保持错误）。
最后这里是小提琴的完整代码：
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/JavaScript"></script>
<script type="text/JavaScript">
$(function(){
$('#images').prepend('<img id="img1" src="http://123.201.137.238:6060/feed/videoplay/Jackie.png">')
$('#images').prepend('<img id="img2" src="http://www.snovabits.net/feed/ImageMI/WarCraft.jpg">')
setInterval(test, 10);
})
function test(){
var props=['naturalHeight', 'complete', 'fileCreatedDate', 'clientHeight', 'offsetHeight', 'nameProp', 'sourceIndex'];
for(i in props){
var pr = props[i];
$('#testresults').append('1:'+pr+' = ' + $('#img1').prop(pr)+'<br>');
$('#testresults').append('2:'+pr+' = ' + $('#img2').prop(pr)+'<br>');
}
$('#testresults').append('---<br>');
}
</script>
</head>
<body>
<div id="images"><div>
<div id="testresults"></div>
</body>
</html>
解决方案2
0 2011-12-08 09:19:03
如果你想检查字符串是否为空，只需执行if(previewImage == "") { /* image is null, do stuff */ }但如果要检查图像是否实际存在，我建议执行GET请求通过AJAX并检查HTTP响应，例如：（jQuery）：
$.ajax({
url: "http://123.201.137.238:6060/feed/videoplay/Jackie.png",
cache: false,
error: function(){
alert("image doesn't exist!");
}
});
但如果可能的话，做这个服务器端会更“好”。
如何在javascript中验证网址？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.