DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js獲取上傳文件的絕對路徑實現方法
js獲取上傳文件的絕對路徑實現方法
編輯:關於JavaScript     

在html中

  <input type="file" id="importFile" />
  <input type="button" onclick="upload()"/>

<script>
function upload() {
  var filename = document.getElementById("importFile").value;
  // 這時的filename不是 importFile 框中的值
  alert(filename);
}
</script>

如上面的代碼,用文件上傳對話框選擇文件後,如果選擇"D:\\temp\file\test.txt"文件,alert(filename)卻是"C:\\fakepath\test.txt"這是為什麼?我想要取得原本的文件路徑及文件名,應該怎麼辦?先謝謝各位了。

<input type="file" name="blogrollimage" onchange="setBlogrollImageName(this)" txlFillIn="isNotNull" title="鏈接圖片">

<script type="text/javascript">
function setBlogrollImageName(basicfile){
document.getElementById("blogrollimagename").value=basicfile.value;
}
</script>

input的時候把onchange="setBlogrollImageName(this)"  加上,再把這段js加到頁面即可!

感謝doop1120的回復。

我按您說的做了,不過,結果還是一樣。如果選擇"D:\\temp\file\test.txt",document.getElementById("blogrollimagename").value=basicfile.value;

這樣獲取的值仍然是document.getElementById("blogrollimagename").value=C:\\fakepath\test.txt,而不是我想要的D:\\temp\file\test.txt

出現D:\\temp\file\的原因是ie浏覽器安全設置的問題

解決此問題的步驟:

打開ie浏覽器-->internet 選項-->安全-->自定義級別-->其他-->將"將文件上載到服務器時顯示文件目錄路徑"啟用

確定後重新運行即可

以上這篇js獲取上傳文件的絕對路徑實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved