Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-22 01:40:29 +00:00
Code Issues Projects Releases Wiki Activity

form: Disable form submit buttons while upload is in progress with triggerUploadOnSubmit

Browse source
This commit is contained in:
Renée Kooi 2018-11-05 11:37:52 +01:00
parent 4fb7226ede
commit 59bfbce94a
No known key found for this signature in database
GPG key ID: 8CDD5F0BC448F040
1 changed files with 20 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

21
packages/@uppy/form/src/index.js
View file

@ -1,5 +1,6 @@
const { Plugin } = require('@uppy/core')
const findDOMElement = require('@uppy/utils/lib/findDOMElement')
const toArray = require('@uppy/utils/lib/toArray')
// Rollup uses get-form-data's ES modules build, and rollup-plugin-commonjs automatically resolves `.default`.
// So, if we are being built using rollup, this require() won't have a `.default` property.
const getFormData = require('get-form-data').default || require('get-form-data')
@ -53,7 +54,25 @@ module.exports = class Form extends Plugin {
handleFormSubmit (ev) {
if (this.opts.triggerUploadOnSubmit) {
ev.preventDefault()
this.uppy.upload().catch((err) => {
const elements = toArray(ev.target.elements)
const disabledByUppy = []
elements.forEach((el) => {
const isButton = el.tagName === 'BUTTON' || (el.tagName === 'INPUT' && el.type === 'submit')
if (isButton && !el.disabled) {
el.disabled = true
disabledByUppy.push(el)
}
})
this.uppy.upload().then(() => {
disabledByUppy.forEach((button) => {
button.disabled = false
})
}, (err) => {
disabledByUppy.forEach((button) => {
button.disabled = false
})
return Promise.reject(err)
}).catch((err) => {
this.uppy.log(err.stack || err.message || err)
})
}