如何使用 HTML5 和 JavaScript 直接在瀏覽器中儲存文件？

使用HTML5/JavaScript 儲存檔案

為了增強Web 開發能力，HTML5 和JavaScript 為各種任務提供了強大的功能，包括文件保存。雖然傳統方法涉及伺服器交互，但可以使用這些技術直接在瀏覽器中建立和下載檔案。

JavaScript 解決方案

一個高效的JavaScript 解決方案涉及建立使用以下連結下載函數：

function download(filename, text) {
  var pom = document.createElement('a');
  pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
  pom.setAttribute('download', filename);

  if (document.createEvent) {
    var event = document.createEvent('MouseEvents');
    event.initEvent('click', true, true);
    pom.dispatchEvent(event);
  } else {
    pom.click();
  }
}

用法

要下載文件，只需呼叫download()函數，並以所需的文件名和內容作為參數：

download('test.txt', 'Hello world!');

這種方法允許您將文件保存在內存中，無需服務器請求或文件系統訪問，從而為以下內容提供無縫且安全的下載體驗使用者。

以上是如何使用 HTML5 和 JavaScript 直接在瀏覽器中儲存文件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！