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…
	
	Add table
		Add a link
		
	
		Reference in a new issue