首頁 > web前端 > js教程 > JavaScript 如何存取和處理本機檔案?

JavaScript 如何存取和處理本機檔案?

Patricia Arquette
發布: 2024-12-19 04:55:12
原創
365 人瀏覽過

How Can JavaScript Access and Process Local Files?

在JavaScript 中存取本機磁碟檔案

在Web 開發中,開啟本機檔案會帶來安全挑戰,導致無法通過window. open 等方法直接存取()。但是,還有其他方法允許 JavaScript 讀取和處理本地資料。

FileReader API

FileReader API 提供了一個非同步讀取檔案的方法。以下是範例:

function readSingleFile(e) {
  var file = e.target.files[0];
  if (!file) {
    return;
  }
  var reader = new FileReader();
  reader.onload = function(e) {
    var contents = e.target.result;
    displayContents(contents);
  };
  reader.readAsText(file);
}
登入後複製

在此範例中,偵聽器附加到 元素。當選擇檔案時,會觸發 readSingleFile 函數,使用 FileReader.readAsText() 以純文字形式讀取檔案。運算結果傳遞給displayContents函數進行顯示。

以上是JavaScript 如何存取和處理本機檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板