ZierleTraining/frontend-web
1
0
Fork 0
mirror of https://github.com/MarcZierle/photo-log-frontend.git synced 2025-04-09 05:44:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

add autocrop to photo capture

Browse Source
This commit is contained in:
MarcZierle 2022-01-24 10:17:35 +01:00
parent 2fa9b70bc2
commit 42a089eedb
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/CameraCapture.vue
View File

@ -87,7 +87,7 @@ import {darkTheme} from 'naive-ui'
import CreateNewFolderRound from '@vicons/material/CreateNewFolderRound' import CreateNewFolderRound from '@vicons/material/CreateNewFolderRound'
import HandPointUp from '@vicons/fa/HandPointUp' import HandPointUp from '@vicons/fa/HandPointUp'
import { getPhotoGroups, addNewPhotoGroup, addNewPhoto } from '@/api' import { getPhotoGroups, addNewPhotoGroup, addNewPhoto, cropPhoto } from '@/api'
export default { export default {
components: { components: {
@ -248,11 +248,19 @@ export default {
const file = dataURLtoFile(this.photo.src, 'upload.png') const file = dataURLtoFile(this.photo.src, 'upload.png')
addNewPhoto(file, null, this.selected_group).then(() => { addNewPhoto(file, null, this.selected_group).then((response) => {
this.message.success('Done!') this.message.success('Done!')
this.isPhotoTaken = false this.isPhotoTaken = false
this.showPhotoTakenModal = false this.showPhotoTakenModal = false
this.isUploading = false this.isUploading = false
setTimeout(() => {
cropPhoto(response.data.id, 'auto').then(()=>{
console.log('photo has been cropped')
}).catch((error)=>{
console.error(error)
})
}, 100)
}).catch((error) => { }).catch((error) => {
this.message.error('There was an error uploading the photo: ' + error) this.message.error('There was an error uploading the photo: ' + error)
}) })