显示默认图像,除非URL是有效图像
我需要允许Web用户输入图像的URL,我希望用户可视化确认URL是否有效。
我想这样,如果用户输入:
没有,它将显示默认(未找到)图像。
http://example.com/ValidImageUrl.any_or_no_extension
,它会接受并显示图像。
hxxp://example.com/ValidImageUrl.any_or_no_extension
,它将显示默认(未找到)图像
http://example.com/INVALID_imageurl.any_or_no_extension
,它将显示默认(未找到)图像。基本上,如果链接不是200,它应该显示默认值
http://example.com/asdf?qwerty&t=10982741238947
,(假设它是有效的)它将自动确定它是否是有效图像并在有效时显示它,否则显示默认(未找到)图像。这是最难捕获的案例,但在今天的flickr& amp; picassa嵌入式世界...但是如果浏览器可以将其检测为图像并显示它,那么javascript应该能够检测到它并识别其细节。
以下是一个极其简化的示例:
<input id="GivenUrl" onblur="UpdateImage()"/>
<img id="UserImage"/>
<script type="text/javascript">
var TextBox = document.getElementById("GivenUrl");
var Image = document.getElementById("UserImage");
if (Image.value == "")
{
UserImage.setAttribute("src", "MyDefaultImage.jpg");
}else{
UserImage.setAttribute("src", encodeURI(TextBox.value));
}
</script>
最后我的约束:我最喜欢纯HTML / javascript的解决方案,所有这些都在客户端(用户)端进行处理。略微不太有利的解决方案将涉及.Net服务器端处理,这可能但绝对不是最佳的...
有任何想法吗?
请忽略上面的任何良性编码错误,因为我目前不在我可以测试自己的代码的机器上...
没有找到相关结果
已邀请:
2 个回复
钾涎净介
僻朵庙惩竣