我需要显示来自其他站点的图像,并且具有带有引用图像URL的imgsrc属性的视图模型.然后我有以下HTML绑定:
<img data-bind=attr: { src : imgsrc } />
问题是如果绑定图像是外部的,如果外部网站出现问题,我可以获得404或500响应;因此,我想显示一个后备图像,以防我们无法加载图像.
如何使用KnockoutJS实现这一目标?
最佳答案
您可以使用onerror事件.
HTML:
<img id=pic data-bind=attr: { src : imgsrc } />
JavaScript的:
var myviewmodel = { imgsrc: ko.computed(function () { var pic = document.getElementById('pic'); pic.onerror = function () { pic.src = 'fallback image url'; }; return 'image url'; },this) }; ko.applyBindings(myviewmodel);
示例:http://jsfiddle.net/R4SV7/1/
原文地址:https://www.jb51.cc/js/429807.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。