图片html,如<img src="xxx.jpg">已经插入到页面中,但是图片没有显示,
IE7,火狐等浏览器都正常,要右键-“显示图片”,图片才显示,很奇怪的。
去搜了下,正好有位大哥遇到过类似的问题。
他说搜国内的相关文章,都是一坨大鸟屎,最后靠国外文章解决,说几个吃饱了没事干的老外反复试验,发现这是IE6
一个底层机制的bug,说是
<a href="javascript:void(0)">或者<a
href=#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为,导致ie6会错误的认为页面刷新或者重定向了,并且中断了当前所有连接,这样新图片的加载就被阻止了。
一看自己的,确实使用a标签触发事件的:<a href="javascript:void(null);" class="btn"
id="insert_pic">插入图片</a>
他还说老外提出很多稀奇古怪的方法解决这个问题。我虽然是比较感兴趣,但是懒得找这篇文章,就按照这位大哥的说法改了一下。将a标签改为其他标签,我就改成了属性相近的span标签,结果就ok了。
<span id="append_finish" class="append_finish">图片插入完毕!</span>
转自:http://hi.baidu.com/iamzhangxinxu/blog/item/d5f294086482d18bd0581b75.html
另外:把方法卸载 href 里面也可行。如:<a href="javascript:operatepic(xx);
" class="btn"
id="insert_pic">插入图片</a>
- 大小: 6.3 KB
分享到:
相关推荐
1. 不要在文档中动态写入`<base>`标签,而是将其静态地包含在`<head>`中。 2. 如果必须动态插入`<base>`标签,那么需要确保所有的外部资源都通过JavaScript动态加载,这样可以在`<base>`标签生效后再进行加载。 总...
本文将深入探讨如何利用 JavaScript 实现这一功能,特别是在解决谷歌浏览器首次打印时图片不显示及去除IE浏览器页眉页脚的问题。 首先,我们需要理解为什么在某些情况下,如谷歌浏览器,图片在第一次打印时不显示。...
为了避免这个问题,最简单的做法是不要动态插入`<base>`标签,而是将其静态写入HTML文档的`<head>`部分。如果确实需要动态设置,那就必须确保所有外部资源也通过JavaScript动态加载,以确保在`<base>`标签生效后再...
HTML5的文本元素如`<a>`配合`<img>`可以创建带链接的图像,`<table>`用于创建表格,`<caption>`定义表格标题,`<th>`定义表头,`<tr>`定义行,`<td>`定义单元格,`<thead>`和`<tbody>`分别定义表头和主体。`<a>`标签...
</TITLE> </HEAD> <BODY> <H1> First PHP page </H1> <HR> <? // Single line C++ style comment /* printing the message */ echo "Hello World!"; # Unix style single line comment ?> </BODY> </HTML> 2.4 数据...
9. **文本与布局**:使用`<p>`、`<br>`、`<center>`、`<pre>`、`<li>`、`<ul>`、`<ol>`、`<hr>`等标签进行文本格式化和布局,`<h1>`至`<h6>`表示不同级别的标题,`<b>`、`<i>`、`<u>`、`<sub>`、`<sup>`等标签用于...
而对于不支持File API的老版本IE(如IE6到IE9),我们使用滤镜技术`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`来预览图片。这个滤镜可以加载并显示图片,但需要注意的是,由于安全限制,IE7以下的...
SetNoteStr :=SetNoteStr+'<br><p align=center><font size=+2 color=#FFFFFF>点击左边按钮可查看对应图片</font></p>'; StrStream:=TStringStream.Create(SetNoteStr); WebBrowser1.Navigate('about:blank'); ...
本文将详细讨论在IE浏览器中,当通过JavaScript动态改变img的src属性时,图片不显示的问题以及相应的解决办法。 首先,问题的出现通常和使用了带有onclick事件的a标签有关。例如,开发者在页面中使用了一个a标签,...
它提供了`readAsDataURL()`方法,可以将图片文件转换为Base64编码的URL,这个URL可以直接插入`<img>`标签的`src`属性,从而实现预览。然而,IE9及以下版本不支持FileReader,所以我们需要有备选方案。 2. **IE兼容...
例如,`<a>`标签的`href`属性用于指定链接的目标地址,`<img>`标签的`src`属性用于指定图片源。 4. **HTML5新特性**:HTML5引入了许多新的元素和功能,如`<video>`和`<audio>`用于媒体播放,`<canvas>`用于绘制图形...
将这个URL赋值给`<img>`标签的`src`属性,就可以在前端显示图片。 4. **异步处理**:FileReader的读取操作是异步的,因此需要使用`onload`事件来处理读取完成后的结果。当`readAsDataURL()`执行完毕,`onload`事件...
If InStr(strBrowser, "MSIE") <> 0 Then Response.Redirect("ForMSIEOnly.htm") Else Response.Redirect("ForAll.htm") End If ``` 这段代码首先检查用户代理字符串中是否包含“MSIE”,即Internet Explorer的...
可以创建一个简单的HTML页面,包含一个`<img>`标签来显示GIF。例如: ```html <html> <body> <img src="path_to_your_gif.gif" /> </body> </html> ``` 将`path_to_your_gif.gif`替换为你的GIF文件的实际...
如果原始图片过大,直接裁剪可能会导致裁剪区域与预览显示不一致。因此,我们需要先对图片进行等比例压缩。以下是一个Java示例,展示了如何使用等比例算法压缩图片: ```java public class ImageCompressor { ...
然而,IE浏览器的版本7以上对于安全性的考虑不再支持直接通过文件系统路径在`<img>`标签的`src`属性中引用本地图片文件。这是因为直接引用本地文件系统路径存在安全风险,比如跨站脚本攻击(XSS)等。因此,需要通过...
<img src="@DbLookup([数据库名];[视图名];[文档唯一标识符];"图片字段名")" alt="图片描述"> ``` #### 五、链接JS文件 **知识点概述:** 为了增强Web页面的功能性和交互性,通常会链接外部的JavaScript文件。在...
- `load`事件触发后,将Base64编码的图片数据赋值给`<img>`标签的`src`属性,实现预览。 - 使用jQuery或其他JavaScript库发送异步请求,将图片数据传到服务器。 5. **后端处理**: - 在.NET的WebAPI或MVC控制器...
<img src="image.jpg" class="tip" data-tip="这是图片的提示信息" alt="图片"> ``` 3. **CSS样式**:创建提示框的样式,包括位置、大小、颜色等。可以将样式写入到`<style>`标签内或外部CSS文件中。 ```css .tips...