如何從 JavaScript 中的 `` 元素取得完整檔案路徑？

使用 擷取檔案路徑

在JavaScript 應用程式中，存取所選檔案的完整路徑使用元素是一個常見的要求。但是，出於安全考慮，瀏覽器通常只提供檔案名稱。

您提供的程式碼片段示範了此限制：

$('input[type=file]').change(function () {
  var filePath = $('#fileUpload').val();
});

filePath 變數僅包含檔案名，而不包含其檔案名稱完整路徑。

當前限制

出於安全考慮由於原因，JavaScript 無法存取檔案系統。 Firefox 和 Chrome 等瀏覽器僅提供檔案名，以保護使用者隱私並防止惡意腳本存取敏感資料。

Firefox 的 mozFullPath 屬性

Firefox 確實提供了 mozFullPath其檔案 API 中的屬性。但是，存取此屬性將傳回空字串：

$('input[type=file]').change(function () {
  console.log(this.files[0].mozFullPath);
});

替代方法

由於瀏覽器限制直接存取檔案路徑，因此需要替代方法來取得檔案數據。一種選擇是使用 FileReader API，它允許您讀取所選檔案的內容，而不需要其完整路徑。

另一種方法是實作檔案上傳伺服器端，其中檔案資料可以是安全地檢索和處理。

以上是如何從 JavaScript 中的 `` 元素取得完整檔案路徑？的詳細內容。更多資訊請關注PHP中文網其他相關文章！