多图预览

                    <input type="file" name="file0" id="file0" multiple="multiple" />

                    <br><br><img src="" id="img0" width="120" class="hide">

----

<script>
        $("#file0").change(function(){


     
        var arr = new  Array();


        for (var i=0;i< this.files.length;i++){


              arr[i] = getObjectURL(this.files[i]);
        } 
         


        console.dir(arr);




        var objUrl = getObjectURL(this.files[0]) ;


        console.log("objUrl = "+objUrl) ;




        if (objUrl) 
        {
            $("#img0").attr("src", objUrl);
            $("#img0").removeClass("hide");
        }
    }) ;
    //建立一個可存取到該file的url
    function getObjectURL(file) 
    {
        var url = null ;
        if (window.createObjectURL!=undefined) 
        { // basic
            url = window.createObjectURL(file) ;
        }
        else if (window.URL!=undefined) 
        {
            // mozilla(firefox)
            url = window.URL.createObjectURL(file) ;
        } 
        else if (window.webkitURL!=undefined) {
            // webkit or chrome
            url = window.webkitURL.createObjectURL(file) ;
        }


        console.log(url);
        return url ;
    }


</script>