文件上传之图片预览

最新推荐文章于 2021-07-05 15:00:39 发布

iteye_133

最新推荐文章于 2021-07-05 15:00:39 发布

阅读量111

点赞数

分类专栏： Javascript 文章标签： javascript html firefox ViewUI

本文链接：https://blog.csdn.net/iteye_133/article/details/82171213

版权

Javascript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="jquery-1.4.4.js"></script>
 <script language='javascript'> 
        function getFullPath(obj) 
        { 
            if(obj) 
            { 
                //ie 
                if ($.browser.msie) 
                { 
                    obj.select(); 
                    return document.selection.createRange().text; 
                } 
                //firefox 
                else if($.browser.mozilla) 
                { 
                    if(obj.files) 
                    { 
                        return obj.files.item(0).getAsDataURL(); 
                    } 
                    return obj.value; 
                } 
                return obj.value; 
            } 
        } 

		function showImg(src){
			$("#img").css("display","");
			$("#img").attr("src",src);
		}
    </script> 


</head>

<body>
	<div>
		<input id="f1" name="f1" type="file" onchange="showImg(getFullPath(this));" />
   </div>

   <div>
		<img id="img" alt="" style="display:none" />
   </div>
</body>

</html>