ホームページ > ウェブフロントエンド > jsチュートリアル > サーバーとの対話を行わずにクライアント側でテキスト ファイルを作成およびダウンロードするにはどうすればよいですか?

サーバーとの対話を行わずにクライアント側でテキスト ファイルを作成およびダウンロードするにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-21 13:27:16
オリジナル
397 人が閲覧しました

How Can I Create and Download Text Files Client-Side Without Server Interaction?

ダウンロード用にユーザー メモリにファイルを作成する

クライアント側でテキスト ファイルを生成し、サーバーの介入なしにユーザーにダウンロードを促すことが可能です。この方法では、セキュリティ上の制約により、ユーザーのコンピュータへのファイルの直接書き込みが回避されます。

HTML5 ブラウザ用のソリューション

HTML5 準拠のブラウザの場合、次の JavaScript コードを使用すると、次のことが可能になります。ファイルを作成し、ユーザーに保存するように求めます:

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

  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
}
ログイン後にコピー

このコードを使用するには、必要なファイル名とテキストの内容を引数として download() 関数に指定します。データ URL とダウンロード属性を設定してリンク要素が作成されます。次に、要素が非表示になり、ドキュメント本文に追加され、クリックしてダウンロードが開始され、最後に削除されます。

このメソッドは、サーバーを使用せずにクライアント側でテキスト ファイルを生成し、ユーザーに保存するよう求める簡単なソリューションを提供します。インタラクション。

以上がサーバーとの対話を行わずにクライアント側でテキスト ファイルを作成およびダウンロードするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート