首頁 >web前端 >js教程 >如何從瀏覽器文件輸入中獲取完整的本機文件路徑?

如何從瀏覽器文件輸入中獲取完整的本機文件路徑?

Susan Sarandon
Susan Sarandon原創
2024-12-25 13:57:10658瀏覽

How Can I Get the Full Local File Path from a Browser File Input?

從瀏覽器檔案輸入取得真實的本機檔案路徑

瀏覽器通常顯示透過選取的檔案源自「C: fakepath」或類似的假位置。此安全措施可防止腳本存取實際的本機路徑,這種做法可能會被濫用於惡意目的。

當開發人員需要完整的本機路徑進行檔案處理或其他操作時,這種有限的資訊可能會令人沮喪。雖然在現代瀏覽器中沒有直接的方法來檢索真實路徑,但有一些解決方法可以提供部分可存取的表示。

對於基於 Mozilla 的瀏覽器(例如​​ Firefox),無法存取檔案的完整路徑可能的。瀏覽器只會在指定元素中將檔案名稱顯示為“test.csv”。

但是,在其他瀏覽器中,開發人員可以使用 webkitRelativePath 屬性(基於 WebKit 的瀏覽器,如 Chrome)或 mozFullPath 屬性(pre -Firefox 69) 取得部分本機路徑表示。

這裡有一個範例Chrome:

`

 document.querySelector('input[type=file]').addEventListener('change', function() {<p>});<br><br></p>
`

此程式碼將記錄以下路徑“Documents/test.csv”,不是完整路徑,但提供了比“C:fakepath”更豐富的資訊.

需要注意的是,這些解決方法可能並非在所有瀏覽器中都可用,或者可能有實施安全限制。因此,在開發 Web 應用程式時,考慮存取檔​​案路徑的安全性影響並遵守瀏覽器安全準則至關重要。

以上是如何從瀏覽器文件輸入中獲取完整的本機文件路徑?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn