这个问题在这里已经有了答案:jQuery/JavaScripttoreplacebrokenimages(32个答案)关闭9年前。我有这样的东西:document.getElementById('MyPicture').src='attempted.png';如果客户端无法获取该资源,我想将其替换为:document.getElementById('MyPicture').src='error.png'我知道我可以将onError=function()放在图像标签中,但是我如何将Id传递给onError,这样我就可以拥有一个可以更改任何不良图片的src的onError函数?
我有3个图像,每个图像都有一个onclick和一个传递的参数。这是HTML:我需要做的是有一个函数来获取myfunction传递参数的imgsrc值。例如:myFunction(id){$('body').html(/*passedparameter'simgsrchere*/);}我该怎么做? 最佳答案 您可以将this作为参数传递给函数,该函数将引用被单击的div元素。然后您可以获得子img并读取src属性。然而,更好的解决方案是使用不显眼的事件处理程序,而不是过时的on*事件属性。试试这个:$('.thumbnail').cl
为什么我会收到此警告?warning:imgelementsmusthaveanaltprop,eitherwithmeaningfultext,oranemptystringfordecorativeimagesjsx-a11y/img-has-alt它显示第13行,但没有使用任何Prop。 最佳答案 这意味着当您在HTML中创建图像时,为了屏幕阅读器和文本浏览器的利益,您应该包含一个alt属性。 关于javascript-此警告消息是什么意思?'imgelementsmusthave
我正在从服务器加载图像,当存在404时返回图像。也就是说,如果我正在加载的图像不存在,服务器将返回404响应和200x200PNG后备图像,说上面写着“照片不可用”。我想检测客户端发生这种情况的时间。我尝试了onerror属性:此代码仅在服务器的404响应根本没有图像时有效。由于我的404响应确实如此,因此永远不会触发onerror事件。除了使用JavaScript预加载图像之外,是否有解决此问题的方法? 最佳答案 (已更新,@Brad指出了我不知道的明显细节。)我偶然发现了this这似乎正确地触发了onerror():(funct
使用Javascript,有没有标准的方法来获取图像的绝对路径?img.getAttribute("src")仅返回在HTML中声明的src属性。 最佳答案 只需执行.src。$('img')[0].src='/images/foo.gif'"/images/foo.gif"$('img')[0].src"http://stackoverflow.com/images/foo.gif"$('img')[0].getAttribute('src')"/images/foo.gif" 关于j
我正在使用ng-repeat打印所需文件夹中的所有图像,这些图像位于中因为我正在使用fancyBox.这是一个Controller的例子:varParentCtrl=function($scope){$scope.getTimes=function(n){//fortheng-repeatreturnnewArray(n);};};app.controller('projectController',['$scope','$injector',function($scope,$injector){$injector.invoke(ParentCtrl,this,{$scope:$sco
如何将点击事件添加到Ext.Img?varpaddleItem=newExt.Img({xtype:'image',src:"lib/Image/Paddle.png",x:200,y:300,draggable:true,index:0,id:'paddleItem',listeners:{click:function(){Ext.Msg.alert("Message");}},renderTo:Ext.getBody()});这是我的代码,但没有用。请给我一些建议.. 最佳答案 将其绑定(bind)在底层元素上:varpaddl
我的html结构是这样的:我正在尝试将文件名从file#-128x79.jpg更改为file#-896x277.jpg。我不知道如何获取动态生成的文件名并搜索和替换src更改。我找到了用“无”替换整个src的方法,以确保到目前为止我做对了,但我不知道如何做其余的事情。$('#something').removeAttr('id').prop('class','some-class').find('img').prop('src','none'); 最佳答案 您可以替换每个img的src,方法是首先使用选择器选择所有图像,然后使用at
我有一个字符串需要在单击按钮时下载到txt文件中。如何使用React实现这一点? 最佳答案 这是一个工作示例。在输入字段中输入文本并单击下载txt,这将下载txt。加上你在input中输入的内容。此解决方案创建一个新的Blobobject的textMIME类型并将其附加到href一个临时anchor()元素,然后以编程方式触发。ABlobobjectrepresentsafile-likeobjectofimmutable,rawdata.Blobsrepresentdatathatisn'tnecessarilyinaJavaSc
我需要一些简单的JQuery代码,以便我可以更改特定img的src值。目前是:我需要将其更改为:使用JQuery。 最佳答案 使用:$(function(){...});您可以使用:$('#id').attr('src','newImage.jpg');立即更改图像源。或者,您可以使用jQuery动画来更改图像。JS$("#id1").fadeOut();$("#id2").delay(200).fadeIn();HTML(不要忘记更改#id2的CSS并将display:none作为初始状态)。