ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Image width/height is catched correctly without cropping

Browse Source
This commit is contained in:
Moriz Wahl 2021-02-05 14:27:13 +01:00
parent 585d32ea70
commit c304b74f17
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webapp/components/ImageUploader/ImageUploader.vue
View File

@ -9,7 +9,7 @@
@vdropzone-file-added="fileAdded" @vdropzone-file-added="fileAdded"
> >
<loading-spinner v-if="isLoadingImage" /> <loading-spinner v-if="isLoadingImage" />
<base-icon v-else name="image" /> <base-icon v-else-if="!hasImage" name="image" />
<base-button <base-button
v-if="hasImage" v-if="hasImage"
icon="trash" icon="trash"
@ -87,8 +87,18 @@ export default {
onUnSupportedFormat(status, message) { onUnSupportedFormat(status, message) {
this.$toast.error(status, message) this.$toast.error(status, message)
}, },
fileAdded(file) { addImageProcess(src) {
this.$emit('addImageAspectRatio', file.width / file.height || 1.0) return new Promise((resolve, reject) => {
const img = new Image()
img.onload = () => resolve(img)
img.onerror = reject
img.src = src
})
},
async fileAdded(file) {
const imageURL = URL.createObjectURL(file)
const image = await this.addImageProcess(imageURL)
this.$emit('addImageAspectRatio', image.width / image.height || 1.0)
this.$emit('addHeroImage', file) this.$emit('addHeroImage', file)
this.$emit('addImageType', file.type) this.$emit('addImageType', file.type)
this.file = file this.file = file