<html>
??? <head>
??????? <title>get file input full path</title>
??? <script language='javascript'>
??????? function getFullPath(obj)
??????? {
??????????? if(obj)
??????????? {
??????????????? //ie
??????????????? if (window.navigator.userAgent.indexOf("MSIE")>=1)
??????????????? {
??????????????????? obj.select();
??????????????????? return document.selection.createRange().text;
??????????????? }
??????????????? //firefox
??????????????? else if(window.navigator.userAgent.indexOf("Firefox")>=1)
??????????????? {
??????????????????? if(obj.files)
??????????????????? {
??????????????????????? return obj.files.item(0).getAsDataURL();
??????????????????? }
??????????????????? return obj.value;
??????????????? }
??????????????? return obj.value;
??????????? }
??????? }
??????? function showPic(obj){
???var path=getFullPath(obj);
???????? var picpreview=document.getElementById("preview");
???????? if(!path){
???????????? return false;
???????? }
???????? if(window.navigator.userAgent.indexOf("MSIE") >= 1) {
??????????? if(picpreview) {
??????????????? try{
?????????????????? picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = path;
???????????????? }catch(ex){
???????????????????? return false;
???????????????? }
?????????????? }else{
????????????????? picpreview.innerHTML="<img src='"+path+"' />";
?????????????? }
???????? }??????????????? //firefox
??????????? else if(window.navigator.userAgent.indexOf("Firefox")>=1)
??????????? {
??????????? ? picpreview.innerHTML="<img src='"+path+"' />";
??????????? }
???????? resizePhoto(path);
??????? }
??????? function resizePhoto(path){
??????????? var imgObj = new Image();
??????????? imgObj.src = path;
??????????? var width = imgObj.width;
??????????? var height = imgObj.height;
??????????? try{
??????????????? if((typeof width=="undefined" || width==0) && (typeof height=="undefined" || height==0)){
?????????????????? var picpreview=document.getElementById("preview");
?????????????????? if(picpreview && picpreview.filters && picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src) {
????????????????????? var tempDiv=document.createElement("div");
????????????????????? picpreview.appendChild(tempDiv);
????????????????????? tempDiv.style.width="10px";
????????????????????? tempDiv.style.height="10px";
????????????????????? tempDiv.style.diplay="none";
????????????????????? tempDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);";
????????????????????? tempDiv.ID="previewTemp";
????????????????????? var url=picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src;
????????????????????? tempDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=url;
????????????????????? width=tempDiv.offsetWidth;
????????????????????? height=tempDiv.offsetHeight;
????????????????????? picpreview.removeChild(tempDiv);
????????????????????? picpreview.style.height=height;
????????????????????? picpreview.style.width=width;
??????????????????? }
??????????????? }
??????????? }catch(e){
?????????????? alert(e.name + ": " + e.message);??
??????????? }
??????? }
??? </script>
??? </head>
??? <body>
??????? <input type="file" onchange="showPic(this)" />
?
??? <div id="preview"
?style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); width: 160px; height: 180px; border: solid 1px black;">
?</div>
??? </body>
</html>