javascript - extension - Convertir la URL en un archivo o Blob para FileReader.readAsDataURL

crear extension firefox

Question

Referencia: FileReader.readAsDataURL

Teniendo en cuenta el siguiente ejemplo:

function previewFile(file) {

  var reader  = new FileReader();

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

Afirma:

instanceOfFileReader.readAsDataURL (blob);

blob: el blob o el archivo desde el que se lee.

1. ¿Cómo se puede pasar una URL local de archivo como: ''file:///C:/path-to/root.png'' a readAsDataURL()

2. ¿Está FileReader() disponible en un FileReader() Firefox?

Answer 1

1. Puede crear instancias de File simplemente especificando una ruta cuando su código tiene el privilegio de Chrome:

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

   File es una subclase de Blob , por lo que todas las instancias de File también son Blob s válidas. Tenga en cuenta que esto requiere una ruta de plataforma y no una URL de archivo .

2. Sí, FileReader está disponible para los complementos.

File y FileReader están disponibles en todas las window s. Si desea usarlos en un ámbito sin ventana (como bootstrap.js o un módulo de código), puede usar nsIDOMFile / nsIDOMFileReader .

Answer 2

Intenta esto. Aprendí esto de @nmaier cuando estaba dando vueltas con la conversión a ico: Bueno, realmente no entiendo qué es el buffer de matriz, pero hace lo que necesitamos:

function previewFile(file) {

  var reader  = new FileReader();

  reader.onloadend = function () {
    console.log(reader.result); //this is an ArrayBuffer
  }
  reader.readAsArrayBuffer(file);
}

observe cómo acabo de cambiar su readAsDataURL a readAsArrayBuffer .

Aquí está el ejemplo que me dio @nmaier: https://.com/a/24253997/1828637

tiene un violín

Si quiere tomar esto y hacer un archivo con él, creo que usaría file-output-stream en onloadend

Answer 3

Para convertir una URL en un Blob para FileReader.readAsDataURL () haga esto:

var request = new XMLHttpRequest();
request.open(''GET'', MY_URL, true);
request.responseType = ''blob'';
request.onload = function() {
    var reader = new FileReader();
    reader.readAsDataURL(request.response);
    reader.onload =  function(e){
        console.log(''DataURL:'', e.target.result);
    };
};
request.send();