15

JavaScript以下のユースケースのクリーンでシンプルなソリューションは何ですか？

Webページでは、ユーザーはローカルファイルシステムからテキストファイルを選択してアップロードしますが、ファイルをサーバーにロードする代わりに、クライアント側のJavaScriptコードを開いてファイルのコンテンツを処理し、結果を同じページに書き込みますページを更新せずに。

注：ファイルのコンテンツを永続化する必要はありません。ユーザーがページを閉じると、コンテンツが失われ、問題ありません。すべてがクライアント側のページで発生するはずです。サーバーに触れる必要はありません。

このための軽量プラグインがある場合はJQuery、知りたいです！

4

2 に答える 2

8

あなたが話しているのはHTML5ファイルAPIです。それを説明するのに最適なリンクはわかりませんが、これは役立つかもしれません。https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

于 2012-09-04T18:55:33.117 に答える
0

便宜上、テキストファイルを開いて印刷する例を次に示します。

<input type='file' id='file-input' />

let fileInput = document.getElementById('file-input')

fileInput.onchange = () => {
  const reader = new FileReader()
  reader.onload = (e) => console.log('file contents:', e.target.result)

  for (let file of fileInput.files) {
    reader.readAsText(file)
  }
}

JayCが提供するリンクには、readAsBinaryおよびreadAsDataURLの例もあります。

于 2021-06-22T21:24:29.980 に答える