matt/opnform-host-nginx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nuxt migration -file upload - WIP (#271)

Browse Source 
Co-authored-by: Julien Nahum <julien@nahum.net>
This commit is contained in:
formsdev
2024-01-13 19:04:50 +05:30
committed by GitHub
parent 57ce0e6114
commit ff7e1ac7c3
3 changed files with 68 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/components/forms/FileInput.vue
View File

@@ -79,6 +79,7 @@
import { inputProps, useFormInput } from './useFormInput.js'
import InputWrapper from './components/InputWrapper.vue'
import UploadedFile from './components/UploadedFile.vue'
import {storeFile} from "~/lib/file-uploads.js"
export default {
name: 'FileInput',
@@ -186,7 +187,7 @@ export default {
uploadFileToServer (file) {
if (this.disabled) return
this.loading = true
this.storeFile(file)
storeFile(file)
.then((response) => {
if (!this.multiple) {
this.files = []
@@ -195,8 +196,10 @@ export default {
// Move file to permanent storage for form assets
opnFetch('/open/forms/assets/upload', {
method: 'POST',
type: 'files',
url: file.name.split('.').slice(0, -1).join('.') + '_' + response.uuid + '.' + response.extension
body: {
type: 'files',
url: file.name.split('.').slice(0, -1).join('.') + '_' + response.uuid + '.' + response.extension
}
}).then(moveFileResponseData => {
this.files.push({
file: file,

7
client/components/forms/ImageInput.vue
View File

@@ -110,6 +110,7 @@
import { inputProps, useFormInput } from './useFormInput.js'
import InputWrapper from './components/InputWrapper.vue'
import Modal from '../global/Modal.vue'
import {storeFile} from "~/lib/file-uploads.js"
export default {
name: 'ImageInput',
@@ -187,11 +188,13 @@ export default {
uploadFileToServer () {
this.loading = true
// Store file in s3
this.storeFile(this.file).then(response => {
storeFile(this.file).then(response => {
// Move file to permanent storage for form assets
opnFetch('/open/forms/assets/upload', {
method: 'POST',
url: this.file.name.split('.').slice(0, -1).join('.') + '_' + response.uuid + '.' + response.extension
body: {
url: this.file.name.split('.').slice(0, -1).join('.') + '_' + response.uuid + '.' + response.extension
}
}).then(moveFileResponseData => {
if (!this.multiple) {
this.files = []