1. 程式人生 > >chrome檔案上傳 /獲取檔案路徑c:/fakepath的解決辦法

chrome檔案上傳 /獲取檔案路徑c:/fakepath的解決辦法

jsp頁面

<td style="text-align: left;padding-left: 20px;">
     <img name="image" id="myimage" src="" style="width: 80px;height: 100px"/>
     <a href="javascript:;" class="file">選擇圖片
      <input type="file" onchange="changeImge(this)" name="selectFile" value="" id="selectFile"> </a>

 </td>

  js程式碼
 function changeImge(obj) {
            var f = obj.files[0];
            var filePath = getPath(obj);
            var type = f.type;//image/jpeg
            var size = f.size;
            var tp = type.split("/")[0];
           =
            if (tp != "image" || size > 10*1024*1024){
                alert("請選擇圖片-10MB內!")
                return false;
            }
            var element = document.getElementById('myimage');
            if (filePath != null && filePath != "") {
//獲取檔案路徑
                element.src = window.URL.createObjectURL(obj.files[0]); ;
            }
}