js改变img标签的src属性在IE下出问题的解决方法

最新推荐文章于 2023-08-07 23:01:08 发布
原创 最新推荐文章于 2023-08-07 23:01:08 发布 · 1.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #javascript #图片 #动态 #src

本文介绍了一种解决Internet Explorer浏览器中图片缓存导致无法更新显示的问题方法。通过在图片源地址后添加时间戳的方式，强制IE刷新缓存，确保图片能够正确更新。 





今天写项目时遇到个图片需要动态改变，例：


<img src="images/image01.jpg" id="myImage" />







然后改变时，使用js脚本：


document.getElementById('checkCodeImage').src='images/image02.jpg‘;









然后在Chrome FF里都能改变成功，但在IE下却不行，网上搜了半天，大概了解了，这个是IE的一个bug，要想改变src属性成功，可以这么写：


document.getElementById('checkCodeImage').src='images/image02.jpg‘ + Date();









然后，然后，然后就成功了。无语的，小问题，记一个、












                

        

    


  



    



                



	

		

			

				
					
javascript动态改变img的src属性图片不显示的解决方法

				
			

			

				

					10-28
				

			

		

		

			
				
最近写了几句javascript程序代码，涉及到了动态改变图片的效果，结果在ie下显示不出了来，实在是郁闷，上网找寻结果，终于发现了，原来是 浏览器的问题。现在将方法贴出来分享。

			
		

	



                

            
              



	

		

			

				
					
javascript修改IMG标签的src问题

				
			

			

				

					10-26
				

			

		

		

			
				
关于JavaScript修改img标签的src属性的问题，涉及到浏览器缓存机制和动态更新图片源的需求。在IE6浏览器中图片可以正常刷新，但在IE7和Firefox浏览器中遇到刷新不出现的情况，主要的原因可能和浏览器对静态资源的...

			
		

	



              


  
              

                


	

		

			

				
					
js动态改变img元素src在IE无效的问题

				
			

			

				

					diaoqiangsong9181的博客
				

				

					11-12
					
					337
					
				

			

		

		

			
				
　　做了个验证码功能，需要做个点击改变验证码图片的功能，使用js改变img的src，代码如下

$("#cerificationCodeImg").attr("src","common/image.jsp");

　　image.jsp是用来生成验证码图片的，chrome下没有问题，IE下图片没有刷新，FF下也没有。搜索答案，在stackoverflow上找到了答案。链接如下：D...

			
		

	





	

		

			

				
					
IE6 下JS改变IMG标签SRC不显示的问题[终级方法]

				
			

			

				

					懒羊的技术窝[anchor]
				

				

					12-24
					
					4578
					
				

			

		

		

			
				
<br />这个BUG折腾了我近半个小时，最后GOOGLE成功，原因是IE6的底层BUG，我们使用<a>的href属性改变的时候会中断加载，导致我们看不到图片，这经常在验证码或动态改变图片的时候遇到。<br /><br />所以我们在使用a 链接时通常href和onclick都会同时用到，链接的 onclick 事件被先执行，其次是 href 属性下的动作(页面跳转，或 javascript 伪链接)，假设链接中同时存在 href 与 onclick，如果想让 href 属性下的动作不执行，onclick 

			
		

	



		

			
		



	

		

			

				
					
vue js 动态修改img src 属性

				
			

			

				

					weixin_46258925的博客
				

				

					04-02
					
					3469
					
				

			

		

		

			
				
直接通过计算属性修改即可
	
	<img :src = "playStyle">
	
	//写法1
	const playStyle   = computed(()=> 
	playing.value ?require(`@/assets/img/player/play.svg`)
	:require(`@/assets/img/player/stop.svg`) )
    
    //写法2
	computed:{
		
		playStyle(){
			
		根据某个变化的值变换

			
		

	





	

		

			

				
					
js修改img的src属性显示变换图片到前端页面，img的src属性显示java后台读取返回的本地图片

				
			

			

				

					sunzixiao的博客
				

				

					08-07
					
					5947
					
				

			

		

		

			
				
img的src属性是前端用来显示一张图片的来源，一般情况下src最常见是显示项目中resources\static问价夹下的图片，或者显示公网上的图片，如果想要在前端显示本地图片那要怎么处理呢？如果直接用本地图片的地址（例如src=“D:\Users\test.jpg”)前端是无法显示的。

			
		

	





	

		

			

				
					
js改变img标签的src属性在IE下没反应的解决方法

				
			

			

				

					10-27
				

			

		

		

			
				
本文将探讨在IE下更改`img`标签`src`属性无效的问题及其解决方案。  首先，让我们分析问题的原因。在Chrome、Firefox等现代浏览器中，通过`document.getElementById`获取元素并直接设置`src`属性的新值，通常能够...

			
		

	





	

		

			

				
					
img标签src属性值为空时2次请求问题(非ie浏览器)

				
			

			

				

					09-22
				

			

		

		

			
				
在本文的实验验证中，作者提出了对于img标签src属性为空值时引发的非IE浏览器二次请求问题的观察。这个现象提醒开发者在编写和优化网页代码时需要特别注意标签属性的完整性和正确性，以避免不必要的网络请求和对...

			
		

	





	

		

			

				
					
javascript怎么动态更改img标签的src属性?（js更新图片标签【本地】）

				
			

			

				

					Dontla的博客
				

				

					11-26
					
					4567
					
				

			

		

		

			
				
javascript怎么动态更改img标签的src属性?



			
		

	





	

		

			

				
					
JS给Img赋值IE兼容问题

				
			

			

				

					LYC_CLY
				

				

					06-28
					
					1132
					
				

			

		

		

			
				
JS给Img赋值--适合IE系列浏览器

			
		

	





	

		

			

				
					
解决IE6下JS动态设置图片IMG的SRC时图片无法加载错误的方法

				
			

			

				

					weixin_30267691的博客
				

				

					01-08
					
					215
					
				

			

		

		

			
				
这两天赶一个项目，要求鼠标点击小图显示大图，于是用JS来根据小图来设置大图的SRC，设计完后问题就出来了。在IE6下大图显示不出，鼠标放置在图片上右键链接地址是可以正常显示链接地址的，并且点击显示图片图片才能被正常显示。IE7,IE8和FF是没有这些问题的。代码如下：

function picclick(){ var pic = $('marqueediv').getElementsB...

			
		

	





	

		

			

				
					
IE无法显示服务器目录获取图片Chrome和本地可以

				
			

			

				

					iteye_8980的博客
				

				

					04-19
					
					792
					
				

			

		

		

			
				
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
欢迎使用Markdown编辑器
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

			
		

	





	

		

			

				
					
解决IE浏览器，img的src加载图片问题

					
热门推荐

				
			

			

				

					lovlin_l的代码世界
				

				

					10-21
					
					1万+
					
				

			

		

		

			
				
在“强大的”IE浏览器面前，有个BUG，就是当你界面访问后台数据的时候，加载不出来，但是请求头是有东西的。如果遇到这种问题，以下是解决办法

在你后端访问的action里找到所请求的方法：设置图像的mime类型就可以了。MagicMatch 对象依赖的jar包，在pom里导入即可



    net.sf.jmimemagic

    jmimemagic

    0.1

			
		

	





	

		

			

				
					
img标签伪类不起作用

				
			

			

				

					niehuang的博客
				

				

					05-28
					
					4309
					
				

			

		

		

			
				
伪类标签只对可以插入内容的标签添加：div span 

			
		

	





	

		

			

				
					
img的src加载流数据图片, IE浏览器不兼容问题. ie无法加载验证码.

				
			

			

				

					kaige8312的博客
				

				

					12-26
					
					3391
					
				

			

		

		

			
				
1. 引入pom.xml依赖


&lt;dependency&gt;
    &lt;groupId&gt;net.sf.jmimemagic&lt;/groupId&gt;
    &lt;artifactId&gt;jmimemagic&lt;/artifactId&gt;
    &lt;version&gt;0.1.4&lt;/version&gt;
&lt;/dependenc

			
		

	





	

		

			

				
					
2、HTML ＜img＞标签（插入图片）

				
			

			

				

					you can you up up up的博客
				

				

					10-27
					
					7384
					
				

			

		

		

			
				
如果是 HTML 初学者，建议在使用图片前新建一个存放图片的文件夹，方便后期图片的整理。这是一个良好的习惯。

开发过程中，经常使用图像来美化页面，图像已经成为大多数网站的一个重要组成部分。都说一图胜千言，好的图像有助于制作出精美的网站，从而与那些外观平平的网站区别开来。
在 HTML 中，使用 <img> 标签来插入图像，其语法格式如下：
<img src="url" />

<img> 是图片 image 的简称，它只包含属性，没有闭和标签。
src 是它的必选属性.

			
		

	





	

		

			

				
					
js给<img>的src赋值

				
			

			

				

					weixin_30838921的博客
				

				

					06-05
					
					4148
					
				

			

		

		

			
				
用js原生方法：document.getElementById("imageId").src = "xxxx.jpg";用Jquery方法：$("#imageId").attr("src","xxxx.jpg");
注意：js原生方法和Jquery方法切记不可混用，比如：
$("#imageId").src = "xxxx.jpg";
document.getElementById("ima...

			
		

	





	

		

			

				
					
用js动态的改变img标签里面的src属性实现图片的循环切换

				
			

			

				

					weixin_30892889的博客
				

				

					09-25
					
					994
					
				

			

		

		

			
				
JS：根据循环切换的条件可以用
document.getElementById('').src=''设置，
或者jquery方法：
$('#id').attr('src','图片名称’）；

具体：
if(true) {
document.getElementById('id').src='a.png';
//or $('#id').attr('src','a.png');
...

			
		

	





	

		

			

				
					
解决IE6 PNG图片透明问题的JavaScript方法

				
			

			

				

					
				

			

		

		

			
				
"这篇文章主要介绍了如何在Internet Explorer 6（IE6）中解决PNG图片透明度问题的两种方法，一种是针对img标签，另一种是针对CSS。这两种方法都是为了解决IE6对PNG8和PNG24格式图像的透明度支持不足的问题。"  在Web...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值