1. ホーム
  2. javascript

[解決済み] FileReader.readAsDataURLでURLをファイルやBlobに変換する。

2023-04-23 18:19:09

質問

参考 FileReader.readAsDataURL

以下の例で考えてみます。

function previewFile(file) {

  var reader  = new FileReader();

  reader.onloadend = function () {
    console.log(reader.result);
  }
  reader.readAsDataURL(file);
}

と記載されています。

instanceOfFileReader.readAsDataURL(blob)とします。

blob。読み込み元のBlobまたはFile。

  1. のようなローカルファイルのURLはどのようにすればよいのでしょうか。 'file:///C:/path-to/root.png' となる に渡すことができるのでしょうか? readAsDataURL()

  2. FileReader() は Firefox Addon で利用可能ですか?

どのように解決するのですか?

この情報は現在古くなっていますが、削除することはできません。

  1. 以下のような File インスタンス というように、クローム特権のあるコードではパスを指定するだけでインスタンスを作成できます。

    new File("/path/to/file");
    
    

    File のサブクラスです。 Blob のサブクラスであり、したがってすべての File のインスタンスもまた有効な Blob s. なお、このためには はプラットフォームのパスであり、ファイルの URL ではないことに注意してください。 .

  2. はい。 FileReader はアドオンで利用可能です。

File そして FileReader は、すべての window s. もしそれらをウィンドウ以外のスコープで使いたいなら ( bootstrap.js やコードモジュールのような) 非ウィンドウスコープで使用したい場合は nsIDOMFile / nsIDOMFileReader .