如果找不到源图像,我需要在表格的单元格中显示替代图像.目前,下面的代码用于执行此操作.
cell.innerHTML="<img height=40 width=40 src='<%=request.getContextPath()%>/writeImage.htm' onError='ImgErrorVideo(this);'>"
function ImgErrorVideo(source){
source.src = "video.png";
source.onerror = "";
return true;
}
Run Code Online (Sandbox Code Playgroud)
现在问题是上面的解决方案是在Internet Explorer中工作但在mozilla中不起作用.
请告诉我一些适用于所有浏览器的解决方案.
使用javascript有一种方法来判断服务器上是否有资源可用?例如,我将图像1.jpg - 5.jpg加载到html页面中.我想每隔一分钟调用一次JavaScript函数,大致会执行以下的临时代码...
if "../imgs/6.jpg" exists:
var nImg = document.createElement("img6");
nImg.src = "../imgs/6.jpg";
Run Code Online (Sandbox Code Playgroud)
思考?谢谢!
我能找到的最好的,if fclose fopen类型的东西,使页面加载非常缓慢.
基本上我要做的是以下内容:我有一个网站列表,我想在他们旁边显示他们的favicon.但是,如果一个站点没有,我想用另一个图像替换它而不是显示损坏的图像.
在用户上传文件后,我们必须对图像进行一些额外的处理,例如调整大小并上传到S3.这可能需要多达10秒钟.显然我们是在后台完成的.但是,我们希望立即向用户显示结果页面,并简单地显示微调器,直到图像到达s3的永久家中.
我正在寻找一种方法来检测某个图像无法以交叉浏览器的方式正确加载(404).如果发生这种情况,我们希望使用JS在其位置显示一个微调器并每隔几秒重新加载一次图像,直到它可以从s3成功加载.
在我们的网站上显示图像时,我们会通过调用来检查文件是否存在file_exists().如果文件丢失,我们会回到虚拟图像.
但是,分析表明,这是生成页面最慢的部分,每个文件file_exists()占用最多1/2毫秒.我们只测试40个左右的文件,但这仍然会在页面加载时间上推迟20ms.
任何人都可以建议一种方法来加快速度吗?如果文件存在,是否有更好的测试方法?如果我构建某种缓存,我应该如何保持同步.
CSS:
.posting-logo-div { }
.posting-logo-img { height:120px; width:120px; }
.posting-photo-div { height:5px;width:5px;position:relative;top:-140px;left:648px; }
.posting-photo-img { height:240px; width:240px; }
Run Code Online (Sandbox Code Playgroud)
HTML:
<div id="image" class="posting-logo-div"><img src="../images/some-logo1.jpg" onerror="this.src='../images/no-logo-120.jpg';" class="posting-logo-img"></div>
<div id="photo" class="posting-photo-div"><img src="../images/some-logo2.jpg" onerror="this.src='../images/no-logo-240.jpg';" class="posting-photo-img"></div>
Run Code Online (Sandbox Code Playgroud)
这在Chrome或Mozilla中似乎不起作用,但在IE中可以使用.
我在C:\ wamp\www\site\img中有一个图像,我尝试在一个页面中显示它:
<img src="C:\wamp\www\site\img\mypicture.jpg"/>
Run Code Online (Sandbox Code Playgroud)
但它不起作用.文件实际上在那里,如果我尝试用相对路径引用它,我得到了图片
<img src="../img/mypicture.jpg">
Run Code Online (Sandbox Code Playgroud)
错误在哪里?我错过了什么?再次谢谢你们!
如果图像存在,我想显示用户图像,如:
<img alt="user_image" src="/images/profile_images/{{result.image}}">
Run Code Online (Sandbox Code Playgroud)
如果用户图像不可用,则应显示默认图像,Like
<img alt="user_image" src="/images/default_user.jpg">
Run Code Online (Sandbox Code Playgroud)
我怎么能通过html页面中的angularjs来做到这一点?
我正在尝试使用JavaScript将图像附加到页面:
image = document.createElement('img');
image.onload = function(){
document.body.appendChild(image);
}
image.onerror = function(){
//display error
}
image.src = 'http://example.com/image.png';
Run Code Online (Sandbox Code Playgroud)
必须对用户进行身份验证才能看到此图像,如果不是,我想显示错误消息.不幸的是,服务器没有返回HTTP错误消息,而是将请求重定向到(大多数)空页面,所以我得到了一个HTTP 200,但警告Resource interpreted as Image but transferred with MIME type text/html并没有显示任何内容.
我该如何处理这个案子?如果用户未经过身份验证,我无法更改Web服务器所提供的内容.
我在if语句中有我的图像:
if (item.image)
historyHtml += '<a href=' + item.image + ' class="image" target="_blank"><img src="' + item.image +'" width="111px"/></a>';
Run Code Online (Sandbox Code Playgroud) javascript ×5
html ×4
image ×3
php ×2
angularjs ×1
css ×1
dom-events ×1
file ×1
file-exists ×1
jquery ×1
mime-types ×1
networking ×1
onerror ×1
performance ×1
src ×1
testing ×1