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

metadata fields and checkbox in example

Browse source
This commit is contained in:
Artur Paikin 2017-12-07 16:17:56 -05:00
parent 209e0e8f38
commit 2d4ceaec2f
2 changed files with 11 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
examples/bundled-example/index.html
View file

@ -21,10 +21,12 @@
<main>
<h1>Uppy is here</h1>
<button id="uppyModalOpener">Choose Files</button>
<button id="uppyModalOpener2">Choose Files</button>
<div class="Uppy">
<form class="MyForm" action="/">
<input type="file" />
<input type="checkbox" name="check_test" value="1" checked>
<input type="hidden" name="bla" value="12333">
<input type="text" name="yo" value="1">
<button type="submit">Upload</button>

21
examples/bundled-example/main.js
View file

@ -1,13 +1,13 @@
const Uppy = require('../../src/core')
const Dashboard = require('../../src/plugins/Dashboard')
// const GoogleDrive = require('../../src/plugins/GoogleDrive')
const GoogleDrive = require('../../src/plugins/GoogleDrive')
const Dropbox = require('../../src/plugins/Dropbox')
const Instagram = require('../../src/plugins/Instagram')
const Webcam = require('../../src/plugins/Webcam')
const Tus = require('../../src/plugins/Tus')
// const XHRUpload = require('../../src/plugins/XHRUpload')
// const FileInput = require('../../src/plugins/FileInput')
const MetaData = require('../../src/plugins/MetaData')
// const MetaData = require('../../src/plugins/MetaData')
// const Informer = require('../../src/plugins/Informer')
// const StatusBar = require('../../src/plugins/StatusBar')
// const DragDrop = require('../../src/plugins/DragDrop')
@ -43,6 +43,7 @@ const uppy = Uppy({
})
.use(Dashboard, {
trigger: '#uppyModalOpener',
target: '.MyForm',
// maxWidth: 350,
// maxHeight: 400,
inline: false,
@ -55,20 +56,18 @@ const uppy = Uppy({
closeModalOnClickOutside: false,
locale: {
strings: {browse: 'browse'}
}
},
metaFields: [
{ id: 'license', name: 'License', value: 'Creative Commons', placeholder: 'specify license' },
{ id: 'caption', name: 'Caption', value: '', placeholder: 'describe what the image is about' }
]
// note: 'Images and video only, 300kb or less'
})
// .use(GoogleDrive, {target: Dashboard, host: 'http://localhost:3020'})
.use(GoogleDrive, {target: Dashboard, host: 'http://localhost:3020'})
.use(Dropbox, {target: Dashboard, host: 'http://localhost:3020'})
.use(Instagram, {target: Dashboard, host: 'http://localhost:3020'})
.use(Webcam, {target: Dashboard})
.use(Tus, {endpoint: TUS_ENDPOINT, resume: true})
.use(MetaData, {
fields: [
{ id: 'license', name: 'License', value: 'Creative Commons', placeholder: 'specify license' },
{ id: 'caption', name: 'Caption', value: 'none', placeholder: 'describe what the image is about' }
]
})
// .use(GoldenRetriever, {serviceWorker: true})
.run()
@ -93,7 +92,5 @@ if ('serviceWorker' in navigator) {
})
}
// uppy.emit('informer', 'Smile!', 'info', 2000)
var modalTrigger = document.querySelector('#uppyModalOpener')
if (modalTrigger) modalTrigger.click()