如何使用 JavaScript 和 jQuery 檢索完整檔案路徑？

使用JavaScript 和jQuery 擷取所選檔案的完整路徑

在Web 開發中，通常需要使用HTML < 來處理檔案選擇;輸入類型=“文件”>元素。雖然 Firefox 和 Chrome 等瀏覽器提供對檔案名稱的訪問，但出於安全原因，它們限制對完整路徑的存取。

使用值屬性的失敗方法

一個常見的誤解是 <input type="file"> 的 value 屬性。包含完整路徑。然而，這種方法只傳回檔名，而不是完整路徑。

<input type="file">

瀏覽器安全限制

瀏覽器故意禁止透過 JavaScript 存取完整路徑防止惡意攻擊，保護使用者隱私。本質上，JavaScript 無法存取檔案系統。

Firefox 的替代品

雖然其他瀏覽器不提供對完整路徑的訪問，但 Firefox 有一個獨特的屬性稱為 mozFullPath。但是，嘗試存取此屬性會傳回空字串。

$('input[type=file]').change(function () {
  console.log(this.files[0].mozFullPath);
});
https://jsfiddle.net/SCK5A/

檔案讀取的替代方法

不要依賴完整路徑，請考慮使用檔案Reader API，允許您讀取檔案的內容，而無需存取其在系統上的位置。此方法通常用於在上傳前預覽映像，如下列 Stack Overflow 問題中所述：

在上傳前預覽影像。

以上是如何使用 JavaScript 和 jQuery 檢索完整檔案路徑？的詳細內容。更多資訊請關注PHP中文網其他相關文章！