У меня возникает пара проблем при проверке консоли на наличие ошибок:
core.js: 11210 ВНИМАНИЕ: очистка данных небезопасных значений URL: image / *; charset = utf- (вставьтедлинный Base64 здесь)
С предупреждением о том, что это проблема с санитарной обработкой img, поэтому нет xss с js и изображениями.
секунда:
Не разрешается загружать локальный ресурс: файл: ///storage/emulated/0/Android/data/io.ionic.app/cache/1561460070933.jpg
вышеописанный мне труденрешить, так как все проблемы, связанные с этим, написаны на Java.
третий:
GET небезопасно: data: image / * charset = utf-8; base64,9j / adskfjhalsdkjdhflajdhsfljhaduiu net:: ERR_UNKNOWN_URL_SCHEME
component.html
<img *ngIf="message.image" [src]="message.image" />
component.ts
this._messages = this.chatService.messages$().subscribe((message: Message[]): void => {
this.messages$ = message;
});
chat.service.ts
public messages$(): Observable<Message[]> {
this.socket.fromEvent<Message>('message').subscribe((msg: Message): void => {
if (msg.image) {
msg.image = 'data: image/jpg; base64,' + msg.image; //<-decode
this.activeConversation.messages.push(msg);
this.bsMessages$.next(this.messages);
this.conversationStorage.set(this.activeConversation.id, this.activeConversation);
}
return this.bsMessages$.asObservable();
}
public sendMessage(msg: Message): void {
console.log('msg when no image is attached', msg.image);
if (msg.image) {
const filePath: string = msg.image;
this.base64.encodeFile(filePath).then((base64File: string): void => {
msg.image = base64File;
this.socket.emit('message', msg, (callback: string): void => {
console.log('callback', callback);
});
});
}
спасибо за вашу помощь!:)