Tengo un campo de archivo de entrada simple.
<input type="file" id="openselect" name="files[]" (change)="fileSelect($event)">Tiene una función relacionada que intenta convertir el archivo seleccionado al formato BLOB.
openselect.addEventListener("change", fileSelect, false); function fileSelect(event) { const file = event.target['files'][0]; const fileReader = new FileReader(); fileReader.readAsText(file); console.log(fileReader.result) // null console.log('iamge as blob: ', new Blob([fileReader.result])) // meta info }Como resultado, la consola solo muestra la metainformación del archivo, pero no muestra la cadena BLOB.
Por favor, ayúdame a convertir el archivo seleccionado en una cadena BLOB.
Aquí hay un ejemplo en vivo .
Eche un vistazo a la documentación de FileReader de Mozilla ( https://developer.mozilla.org/en-US/docs/Web/API/FileReader/result ):
Este ejemplo presenta una función, read(), que lee un archivo desde una entrada de archivo. Funciona creando un objeto FileReader y creando un oyente para eventos de carga de modo que cuando se lee el archivo, se obtiene el resultado y se pasa a la función de devolución de llamada proporcionada para read().
Solución: ejemplo en vivo
¿Otra pregunta que podría ayudarlo HTML5 FileReader a devolver el resultado?