jquery html5 file 上傳圖片顯示圖片

jquery html5 file 上傳圖片顯示圖片

最近做了一個小例子，在上傳使用者映像時，如何在上傳圖片時顯示圖片。在網上找了很多資料也未能如願，如是，就用jquery ,html5,實現了,由於開發是在linux 所以未能在ie下測試，在forefox,chrom下是可以的。

一、html下的代碼是：

             頭相：*                            

二、jquery js 的代碼：不同瀏覽器下的路徑

    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) ;    }    return url ;    }

三、顯示映像：

var strsrc=getObjectURL(this.files[0]);$("#show_img").attr("src",strsrc);