Cuando trabaje en un proyecto, encontrará la función de cargar archivos y hay componentes de carga de archivos en componentes de terceros. Para obtener el contenido del archivo, se utilizará FileReader
handleUpload(e) {
console.log('e', e);
let fileReader = new FileReader()
fileReader.onload = function (evt) {
console.log('evt', evt);
}
fileReader.readAsText(e)
},
Después de cargar, eche un vistazo al contenido cargado. Es un tipo de archivo, que contiene información sobre este archivo. Lo que cargué es un archivo json.
convertirlo usando FileReader()
Este es su contenido, es una cadena y se puede convertir mediante el método JSON.
O utilice directamente this.result para obtener su contenido.
handleUpload(e) {
console.log('e', e);
let fileReader = new FileReader()
fileReader.onload = function () {
console.log('evt', this.result);
console.log(typeof this.result);
}
fileReader.readAsText(e)
},
Es una cadena de caracteres de tipo cadena.
imagen
Si carga una imagen, utilice
handleUpload(e) {
console.log('e', e);
let fileReader = new FileReader()
fileReader.onload = function () {
console.log('evt', this.result);
console.log(typeof this.result);
}
fileReader.readAsDataURL(e)
},La imagen se convertirá al formato base64.
