forked from FoundKeyGang/FoundKey
proxy cropper url (#4525)
This commit is contained in:
parent
c2eec272e6
commit
681f372889
1 changed files with 9 additions and 1 deletions
|
@ -3,7 +3,7 @@
|
|||
<template #header><fa icon="crop"/>{{ title }}</template>
|
||||
<div class="body">
|
||||
<vue-cropper ref="cropper"
|
||||
:src="image.url"
|
||||
:src="imageUrl"
|
||||
:view-mode="1"
|
||||
:aspect-ratio="aspectRatio"
|
||||
:container-style="{ width: '100%', 'max-height': '400px' }"
|
||||
|
@ -21,6 +21,7 @@
|
|||
import Vue from 'vue';
|
||||
import i18n from '../../../i18n';
|
||||
import VueCropper from 'vue-cropperjs';
|
||||
import * as url from '../../../../../prelude/url';
|
||||
|
||||
export default Vue.extend({
|
||||
i18n: i18n('desktop/views/components/crop-window.vue'),
|
||||
|
@ -41,6 +42,13 @@ export default Vue.extend({
|
|||
required: true
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
imageUrl() {
|
||||
return `/proxy/?${url.query({
|
||||
url: this.image.url
|
||||
})}`;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
ok() {
|
||||
(this.$refs.cropper as any).getCroppedCanvas().toBlob(blob => {
|
||||
|
|
Loading…
Reference in a new issue