butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Decode incoming images

Browse source
This commit is contained in:
N-Pex 2020-11-19 17:08:58 +01:00
parent c4230b8abc
commit dd3efe0d61
8 changed files with 15923 additions and 1381 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/messages/MessageOutgoingImage.vue
View file

@ -2,8 +2,8 @@
<div>
<div class="messageOut">
<div class="sender">{{ "You" }}</div>
<div class="bubble">
<v-img :aspect-ratio="16/9" ref="image" :src="src" contain />
<div class="bubble image-bubble">
<v-img :aspect-ratio="16/9" ref="image" :src="src" cover />
</div>
<div class="status">{{ event.status }}</div>
</div>
@ -27,6 +27,13 @@ export default {
const width = this.$refs.image.$el.clientWidth;
const height = (width * 9) / 16;
this.src = this.$matrix.matrixClient.mxcUrlToHttp(this.event.getContent().url, width, height, 'scale', false);
},
beforeDestroy() {
if (this.src) {
const objectUrl = this.src;
this.src = null;
URL.revokeObjectURL(objectUrl);
}
}
};
</script>