惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

S
Security @ Cisco Blogs
H
Hacker News: Front Page
P
Privacy International News Feed
N
News and Events Feed by Topic
T
Threatpost
Simon Willison's Weblog
Simon Willison's Weblog
S
Schneier on Security
K
Kaspersky official blog
S
Secure Thoughts
V2EX - 技术
V2EX - 技术
Security Latest
Security Latest
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
www.infosecurity-magazine.com
www.infosecurity-magazine.com
C
CERT Recently Published Vulnerability Notes
L
Lohrmann on Cybersecurity
Jina AI
Jina AI
P
Proofpoint News Feed
AI
AI
雷峰网
雷峰网
T
Tailwind CSS Blog
Engineering at Meta
Engineering at Meta
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
D
Darknet – Hacking Tools, Hacker News & Cyber Security
Recent Commits to openclaw:main
Recent Commits to openclaw:main
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
博客园 - 叶小钗
Webroot Blog
Webroot Blog
Apple Machine Learning Research
Apple Machine Learning Research
SecWiki News
SecWiki News
罗磊的独立博客
N
Netflix TechBlog - Medium
Martin Fowler
Martin Fowler
Google DeepMind News
Google DeepMind News
Cyberwarzone
Cyberwarzone
MongoDB | Blog
MongoDB | Blog
博客园 - Franky
Schneier on Security
Schneier on Security
The GitHub Blog
The GitHub Blog
S
Security Affairs
Blog — PlanetScale
Blog — PlanetScale
Last Week in AI
Last Week in AI
P
Proofpoint News Feed
月光博客
月光博客
D
Docker
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
S
Securelist
W
WeLiveSecurity
T
Troy Hunt's Blog
A
Arctic Wolf
博客园 - 司徒正美

博客园 - peak

windows 服务器时间同步失败处理方法 利用批处理自动创建schtasks系统任务 抓取网站编码信息及内容 在线调试利器Fiddler AutoResponse jquery跨域调用WCF Base-64 字符串中的无效字符 Ie7下鼠标滚轮失效 Android 笔记二(取得根目录权限) Android 笔记一 捕获asp.net ValidationSummary 控件消息。 - peak Sql Split 函数 Rss的浏览器之痛 asp.net 中插入flash - peak - 博客园 迷茫 windows service 之访问权限 windows Service 之调试过程 比尔盖兹在某个大学毕业典礼上的演讲中,对毕业生提出十一项极为睿智的人生建议 MSDN上关于泛型的例子 泛型
兼容IE,Firefox 图片即时显示
peak · 2009-03-14 · via 博客园 - peak

<div style="border-right: #aaaaaa 1px solid; padding-right: 5px; border-top: #aaaaaa 1px solid; padding-left: 5px; padding-bottom: 5px; border-left: #aaaaaa 1px solid; padding-top: 5px; border-bottom: #aaaaaa 1px solid; background-color: #228b22"> 
<html>
 
<head>
  
<SCRIPT language=JavaScript>var isIE = false;
  
var isFF = false;
  
var isSa = false;if((navigator.userAgent.indexOf("MSIE")>0&& (parseInt(navigator.appVersion) >=4))isIE = true;
  
if(navigator.userAgent.indexOf("Firefox")>0)isFF = true;
  
if(navigator.userAgent.indexOf("Safari")>0)isSa = truefunction showimg1(obj){var path;
   
if(isFF)
    {
        path
=obj.files.item(0).getAsDataURL();//注意:在firefox中通过 obj.files.item(0).getAsDataURL() 获取input中的完整路径,
                                              //否则obj.value 只能显示文件名不包含文件路径
    }
     
else if(isIE)
    {
        path
=obj.value;
    }
if(!obj.value)
   
return;var reg = new RegExp("\.(jpg|gif|jpeg)+$");//验证文件的格式
    if(obj.value.match(reg))
    {
        
var img5=document.getElementById('img5');//判断是否已经存在img5 对象,不存在则创建此对象。
        if(img5)    
        {
            img5.src
=path;
        }
        
else
        {
            
var img=document.createElement('img');
            img.src
=path;
            img.setAttribute(
'width','120');
            img.setAttribute(
'height','90');
            img.setAttribute(
'id','img5');
            insertAfter(img,obj);         
//在当前对象后插入img5 控件
        }

    }

else
    {
        alert(
'file format wrong!');
    }
   
   }
function showimg2()
   {
      
var img2=document.getElementById('img_name2');
      
var cardpic2=document.getElementById('cardpic2');
      
if(isFF)
      {
        img2.src
=cardpic2.files.item(0).getAsDataURL();
      }
      
else if(isIE)
      {
        img2.src
=cardpic2.value;
      }
   }
function insertAfter(newElement, targetElement)
   {  
      
var parent = targetElement.parentNode;  
      
if(parent.lastChild == targetElement)
      {  
         parent.appendChild(newElement);  
       
//如果<em>targetElement</em>是<em>parent</em>最后一个子元素,插入<em>newElement</em>  
      }
      
else
      {  
        parent.insertBefore(newElement, targetElement.nextSibling);  
        
//如果不是,插入到<em>targetElement</em>下一个兄弟节点的前面       
      }  
   }  
 
</SCRIPT>
 
</head>
 
<body>
  
<form>
   
<div align="left">
    
<input type="file" onchange="showimg1(this);" id="cardpic1" name="cardpic1" />
    
<Br><input type="file" onchange="showimg2();" id="cardpic2" name="cardpic2" />
    
<img border=0 width=140 height=87 id="img_name2">
       
</div>
  
</form>
 
</body>
</html>

今天重新修改一下关于js即时显示的问题,上边的代码如果是以单纯的html文件存在的话显示没有问题,但是如果是要
放在Visual studio 的asp.net 的工程文件中,ie的即时显示片段是有问题的,如果你alert(cardpic2.value);它总是显示
“c:\fakepath\文件名”这样一段东西,其实你的目录结构中不存在“c:\fakepath\”,当时在做项目时也为这个头痛了很久,
后来,引用了下边的一段js 就ok了!

function getValue(obj) {
    obj.select(); 
//该对象选取 
    return document.selection.createRange().text; //返回选取项的文本内容 
}

注意写法:

if(isFF)//firefox 无需改动
{
     img2.src
=cardpic2.files.item(0).getAsDataURL();
}
else if(isIE)
{
    
//最初的代码
    //img2.src=cardpic2.value;
    //改进的代码
     img2.src=getValue(cardpic2);
}


上面代码,是对js 即时显示的一点补充,如果之前的代码给参考过的人带来不便,在此表示歉意!