Я использую учебное пособие Руководство по изображениям Ionic 4 (захват, сохранение и загрузка с POST).
https://devdactic.com/ionic-4-image-upload-storage/
У меня работает большинство вещей, кроме метода readFile.
readFile(file: any) {
console.log ("readFile", file); // [log] - readFile
const reader = new FileReader();
console.log ("reader", reader); // [log] - reader
reader.onloadend = () => {
console.log ("reader progress"); // do not see in xcode
const formData = new FormData();
console.log ("formData", formData); // do not see in xcode
const imgBlob = new Blob([reader.result], {
type: file.type
});
formData.append('file', imgBlob, file.name);
this.uploadImageData(formData);
};
reader.readAsArrayBuffer(file);
console.log ("readAsArrayBuffer", file); // [log] - readAsArrayBuffer
}
в строке reader.onloade 5, кажется, перестает работать. файлы console.logs не отображаются в Xcode. или Android Studio. Я собрал эту тестовую версию, чтобы точно соответствовать учебнику.
В качестве заметки я использую "@ angular / cli": "~ 8.1.2". Будет ли это сломать reader.onloadend?
Ниже находятся мои console.logs
[log] - readFile {"name":"1569941078510.jpg","localURL":"cdvfile://localhost/library-nosync/1569941078510.jpg",
"type":"image/jpeg","lastModified":1569941078490.799,
"lastModifiedDate":1569941078490.799,"size":6673995,"start":0,"end":6673995}
[log] - reader {"__zone_symbol__originalInstance":
{"_readyState":0,"_error":null,"_result":null,"_progress":null,"_localURL":"","_realReader":{}}}
[log] - readAsArrayBuffer {"name":"1569941078510.jpg","localURL":"cdvfile://localhost/library-nosync/1569941078510.jpg",
"type":"image/jpeg","lastModified":1569941078490.799,"lastModifiedDate":1569941078490.799,"size":6673995,"start":0,"end":6673995}