как остановить автоматическую загрузку и сохранение картинок и видео в Ionic App

Question

У меня есть приложение чата, в котором есть возможность отправлять и получать мультимедиа (фотографии и видео), поэтому при открытии страницы сообщения оно автоматически загружает и создает резервные копии мультимедиа.

Я хочу остановить загрузку и автоматическое резервное копирование мультимедиа при открытии ионной страницы, я хочу, чтобы это происходило так же, как в WhatsApp, где мы загружаем изображения вручную, щелкая по нему.

Возможно ли сделать это в ионном режиме? Если да, то как это сделать?

Ваша помощь, пожалуйста. Спасибо

Answer 1

Получать сообщения на сервере, затем просматривать их

this.chatService.getHistoriqueMsg(msgListData).then((result) => {
            let data = JSON.parse(JSON.stringify(result));
            if (data.status == "success") {
                if (data.result.messages.length > 0) {
                    data.result.messages.forEach(element => {

                        if (element.typemessage == "IMAGE") {
                            let image = JSON.parse(element.message);
                            let url = encodeURI(this.constant.urlmsgImage + image.filepath);
                            //Save image to galery
                            let album = 'EBMChat';
                            this.photoLibrary.requestAuthorization().then((auto) => {
                                this.photoLibrary.saveImage(url, album).then((imgSave) => {

                                    const message: ChatMessage = {
                                        id: element.id,
                                        from: element.from,
                                        ufrom_username: element.ufrom_username,
                                        ufrom_avatar: (element.ufrom_avatar == null || element.ufrom_avatar == undefined) ? "./assets/imgs/default-profile-pic.png" : this.constant.urlServerAvatar + element.ufrom_avatar,
                                        to: element.to,
                                        uto_username: element.uto_username,
                                        uto_avatar: (element.uto_avatar == null || element.uto_avatar == undefined) ? "./assets/imgs/default-profile-pic.png" : this.constant.urlServerAvatar + element.uto_avatar,
                                        message: this.constant.urlmsgImage + image.filepath,
                                        sent: element.sent,
                                        read: element.read,
                                        direction: element.direction,
                                        typemessage: element.typemessage,
                                        deleteto: element.deleteto,
                                        deletefrom: element.deletefrom,
                                        ownership: element.from == this.user.userid ? 'mine' : 'other',
                                        imgSend: (element.read == "1") ? "./assets/ebm/ic_msg_lu.png" : "./assets/ebm/ic_sent_state.png"
                                    };

                                    this.msgList.push(message);
                                }).catch(err => {console.log(err)})
                            }).catch(err => {console.log(err)})

                        } else {
                            let emoji = require('node-emoji');
                            const message: ChatMessage = {
                                id: element.id,
                                from: element.from,
                                ufrom_username: element.ufrom_username,
                                ufrom_avatar: (element.ufrom_avatar == null || element.ufrom_avatar == undefined) ? "./assets/imgs/default-profile-pic.png" : this.constant.urlServerAvatar + element.ufrom_avatar,
                                to: element.to,
                                uto_username: element.uto_username,
                                uto_avatar: (element.uto_avatar == null || element.uto_avatar == undefined) ? "./assets/imgs/default-profile-pic.png" : this.constant.urlServerAvatar + element.uto_avatar,
                                message: emoji.emojify(element.message),
                                sent: element.sent,
                                read: element.read,
                                direction: element.direction,
                                typemessage: element.typemessage,
                                deleteto: element.deleteto,
                                deletefrom: element.deletefrom,
                                ownership: element.from == this.user.userid ? 'mine' : 'other',
                                imgSend: (element.read == "1") ? "./assets/ebm/ic_msg_lu.png" : "./assets/ebm/ic_sent_state.png"
                            };

                            this.msgList.push(message);
                        }
                    });

                    const currentGroupedMessages = _.groupBy(this.msgList, (message) => {
                        return this.timeStamp(message.sent);
                    });
                    // Transform dictionary into an array since Angular's view engine doesn't know how
                    // to iterate through it
                    this.groupedMessages = Object.keys(currentGroupedMessages).map((timestamp: string) => {
                        return {
                            timestamp: timestamp,
                            messages: currentGroupedMessages[timestamp],
                            today: this.timeStamp(Math.round(new Date().getTime() / 1000)) === timestamp
                        };
                    });

                }
            } 
        })