☰

JavaScript でローカルディスクファイルを開くにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript
JavaScript でローカルディスクファイルを開くにはどうすればいいですか? 質問する

ファイルを開こうとしました

window.open("file:///D:/Hello.txt");

ブラウザでは、おそらくセキュリティ上の理由から、この方法でローカル ファイルを開くことはできません。クライアント側でファイルのデータを使用したいのですが、JavaScript でローカル ファイルを読み取るにはどうすればよいですか?

ベストアンサー1

を使用した例を次に示しますFileReader。

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);
}

function displayContents(contents) {
  var element = document.getElementById('file-content');
  element.textContent = contents;
}

document.getElementById('file-input')
  .addEventListener('change', readSingleFile, false);
<input type="file" id="file-input" />
<h3>Contents of the file:</h3>
<pre id="file-content"></pre>

仕様

http://dev.w3.org/2006/webapi/FileAPI/

ブラウザの互換性

  • IE10以上
  • Firefox 3.6以降
  • Chrome 13以上
  • Safari 6.1以降

http://caniuse.com/#feat=fileapi

おすすめ記事