send image display done

This commit is contained in:
Eudes Inácio
2022-01-25 14:36:31 +01:00
parent 78569f38d5
commit f85d55cae7
+28 -14
View File
@@ -13,7 +13,7 @@ import { Camera, CameraResultType, CameraSource, Photo} from '@capacitor/camera
import { Filesystem, Directory } from '@capacitor/filesystem'; import { Filesystem, Directory } from '@capacitor/filesystem';
import { environment } from 'src/environments/environment'; import { environment } from 'src/environments/environment';
import { HttpClient, HttpEventType, HttpHeaders, HttpParams } from '@angular/common/http'; import { HttpClient, HttpEventType, HttpHeaders, HttpParams } from '@angular/common/http';
import { Storage } from '@ionic/storage';
const IMAGE_DIR = 'stored-images'; const IMAGE_DIR = 'stored-images';
@@ -53,6 +53,7 @@ export class FileService {
private platform: Platform, private platform: Platform,
private loadingCtrl: LoadingController, private loadingCtrl: LoadingController,
private http: HttpClient, private http: HttpClient,
private storage: Storage
) { ) {
this.headers = new HttpHeaders(); this.headers = new HttpHeaders();
} }
@@ -354,7 +355,6 @@ export class FileService {
//loader.remove(); //loader.remove();
}); });
*/ } */ }
addPictureToChat(roomId) { addPictureToChat(roomId) {
console.log('add picture to chat') console.log('add picture to chat')
@@ -364,7 +364,7 @@ export class FileService {
}) })
setInterval(()=>{ setInterval(() => {
console.log(input.value) console.log(input.value)
}, 550) }, 550)
@@ -381,11 +381,17 @@ export class FileService {
const formData = new FormData(); const formData = new FormData();
formData.append("blobFile", file); formData.append("blobFile", file);
let guid: any = await this.uploadFile(formData).toPromise() let guid: any = await this.uploadFile(formData).toPromise()
console.log('add picture to chat',guid.path); console.log('add picture to chat', guid.path);
this.downloadFile(guid.path).subscribe(async (event) => {
/* const imageData = await this.fileToBase64Service.convert(file) if (event.type === HttpEventType.DownloadProgress) {
this.capturedImage = imageData; */ //this.downloadProgess = Math.round((100 * event.loaded) / event.total);
this.capturedImageTitle = file.name; //console.log('FILE TYPE 33', msg.file.type)
} else if (event.type === HttpEventType.Response) {
var fileImage = 'data:image/jpeg;base64,' + btoa(new Uint8Array(event.body).reduce((data, byte) => data + String.fromCharCode(byte), ''));
console.log('add picture to chat',fileImage);
await this.storage.set(guid, fileImage).then(() => {
console.log('add picture to chat IMAGE SAVED')
let body = { let body = {
"message": "message":
@@ -398,10 +404,10 @@ export class FileService {
"title_link_download": false, "title_link_download": false,
//"image_url": this.capturedImage, //"image_url": this.capturedImage,
}], }],
"file":{ "file": {
"type": "application/img", "type": "application/img",
"guid": guid.path, "guid": guid.path,
"image_url": "" "image_url": fileImage
} }
} }
} }
@@ -409,15 +415,23 @@ export class FileService {
console.log('SELECT PICTURE GALLERY', body) console.log('SELECT PICTURE GALLERY', body)
console.log(this.capturedImage) console.log(this.capturedImage)
this.chatService.sendMessage(body).subscribe(res=> { this.chatService.sendMessage(body).subscribe(res => {
console.log('Msg after send image',res); console.log('Msg after send image', res);
},(error) => { }, (error) => {
console.log('Msg after send image error',error); console.log('Msg after send image error', error);
}); });
});
}
});
/* const imageData = await this.fileToBase64Service.convert(file)
this.capturedImage = imageData; */
//console.log(this.capturedImage) //console.log(this.capturedImage)
}; };
} }
addDocumentToChat(roomId:string) { addDocumentToChat(roomId:string) {
const input = this.fileLoaderService.createInput({ const input = this.fileLoaderService.createInput({