使用js预览图片出现fakepath

s781112 2014-01-02 11:44:29

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<%@ taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

</head>

<script type="text/javascript">

      // 显示图片的js

    function viewimg(){

        var imgup=document.getElementById("uploadimg");

        var imgpath=getPath(imgup);

        alert(imgpath);

        //判断是否是图片格式

var imgname=imgup.value.substring(imgup.value.lastIndexOf("."),imgup.value.length)

        imgname=imgname.toLowerCase()

        if ((imgname!='.jpg')&&(imgname!='.gif')&&(imgname!='.jpeg')&&(imgname!='.png')&&(imgname!='.bmp')){

            alert("请选择图片文件，谢谢!");

imgup.focus();

            //清空file里面的值

imgup.select();   

            document.selection.clear();

 

        }

        else{

        //显示图片

document.getElementById("sig_preview").innerHTML="<img src='"+imgpath+"' border=0 width=100 height=60>"

        }

    }

    //该函数解决iE下路径问题。兼容ie6，7，firefox add by exceljava 2010-1-6

    function getPath(obj){

       if(obj){

           if (window.navigator.userAgent.indexOf("MSIE")>=1){

             obj.select();

             return document.selection.createRange().text;

           }else if(window.navigator.userAgent.indexOf("Firefox")>=1){ 

             if(obj.files){ 

                   return obj.files.item(0).getAsDataURL();   

             } 

             return obj.value; 

           }    

           return obj.value;    

       } 

    } 

 

 

 

</script>

<body>

<s:form action ="fileUpload"  method ="POST" enctype ="multipart/form-data">

    <s:file id="uploadimg"  size="40" name="upload" onchange="viewimg()"></s:file>      

    <s:submit />

</s:form>

 

<!-- 显示的div -->

<div id="sig_preview"></div>

</body>

</html>

这是我写的代码，是参考别人的，网上也有很多解决fakepath的方法，都试过了，都没调试成功，这个代码里的getPath貌似没有起到作用。我用谷歌浏览器会出现fakepath，用火狐和ie11就根本不会alert东西出来。我这代码有什么改进方法吗。我不要网上的代码，很多都试过了。最好能给已经经过运行成功的。

...全文