diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-06-11 18:47:58 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-06-11 18:47:58 +0900 |
| commit | 7894804eedb0d980cd8720e22b16ca47a8302f76 (patch) | |
| tree | 12438ea9cff82470341ddd2f5df6411285e14508 /packages/client/src/components | |
| parent | Merge branch 'develop' of https://github.com/misskey-dev/misskey into develop (diff) | |
| download | misskey-7894804eedb0d980cd8720e22b16ca47a8302f76.tar.gz misskey-7894804eedb0d980cd8720e22b16ca47a8302f76.tar.bz2 misskey-7894804eedb0d980cd8720e22b16ca47a8302f76.zip | |
Update cropper-dialog.vue
Diffstat (limited to 'packages/client/src/components')
| -rw-r--r-- | packages/client/src/components/cropper-dialog.vue | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/packages/client/src/components/cropper-dialog.vue b/packages/client/src/components/cropper-dialog.vue index 6f4a6f122c..12d9414d22 100644 --- a/packages/client/src/components/cropper-dialog.vue +++ b/packages/client/src/components/cropper-dialog.vue @@ -18,7 +18,7 @@ </div> </Transition> <div class="container"> - <img ref="imgEl" crossorigin="anonymous" :src="file.url" style="display: none;" @load="onImageLoad"> + <img ref="imgEl" :src="imgUrl" style="display: none;" @load="onImageLoad"> </div> </div> </template> @@ -34,7 +34,8 @@ import XModalWindow from '@/components/ui/modal-window.vue'; import * as os from '@/os'; import { $i } from '@/account'; import { defaultStore } from '@/store'; -import { apiUrl } from '@/config'; +import { apiUrl, url } from '@/config'; +import { query } from '@/scripts/url'; const emit = defineEmits<{ (ev: 'ok', cropped: misskey.entities.DriveFile): void; @@ -47,6 +48,9 @@ const props = defineProps<{ aspectRatio: number; }>(); +const imgUrl = `${url}/proxy/image.webp?${query({ + url, +})}`; let dialogEl = $ref<InstanceType<typeof XModalWindow>>(); let imgEl = $ref<HTMLImageElement>(); let cropper: Cropper | null = null; |