mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-17 16:50:22 +00:00
72 lines
2.2 KiB
JavaScript
72 lines
2.2 KiB
JavaScript
import Uppy from '@uppy/core'
|
|
import Dashboard from '@uppy/dashboard'
|
|
import GoogleDrive from '@uppy/google-drive'
|
|
import Instagram from '@uppy/instagram'
|
|
import Tus from '@uppy/tus'
|
|
import Url from '@uppy/url'
|
|
import Webcam from '@uppy/webcam'
|
|
|
|
import '@uppy/core/dist/style.css'
|
|
import '@uppy/dashboard/dist/style.css'
|
|
import '@uppy/url/dist/style.css'
|
|
import '@uppy/webcam/dist/style.css'
|
|
|
|
const TUS_ENDPOINT = 'https://tusd.tusdemo.net/files/'
|
|
|
|
const uppy = new Uppy({
|
|
debug: true,
|
|
meta: {
|
|
username: 'John',
|
|
license: 'Creative Commons',
|
|
},
|
|
})
|
|
.use(Dashboard, {
|
|
trigger: '#pick-files',
|
|
target: '#upload-form',
|
|
inline: true,
|
|
metaFields: [
|
|
{ id: 'license', name: 'License', placeholder: 'specify license' },
|
|
{ id: 'caption', name: 'Caption', placeholder: 'add caption' },
|
|
],
|
|
showProgressDetails: true,
|
|
proudlyDisplayPoweredByUppy: true,
|
|
note: '2 files, images and video only',
|
|
restrictions: { requiredMetaFields: ['caption'] },
|
|
})
|
|
.use(GoogleDrive, {
|
|
target: Dashboard,
|
|
companionUrl: 'http://localhost:3020',
|
|
})
|
|
.use(Instagram, { target: Dashboard, companionUrl: 'http://localhost:3020' })
|
|
.use(Url, { target: Dashboard, companionUrl: 'http://localhost:3020' })
|
|
.use(Webcam, { target: Dashboard })
|
|
.use(Tus, { endpoint: TUS_ENDPOINT })
|
|
|
|
// You can optinally enable the Golden Retriever plugin — it will
|
|
// restore files after a browser crash / accidental closed window
|
|
// see more at https://uppy.io/docs/golden-retriever/
|
|
//
|
|
// .use(GoldenRetriever, { serviceWorker: true })
|
|
|
|
uppy.on('complete', (result) => {
|
|
if (result.failed.length === 0) {
|
|
console.log('Upload successful 😀')
|
|
} else {
|
|
console.warn('Upload failed 😞')
|
|
}
|
|
console.log('successful files:', result.successful)
|
|
console.log('failed files:', result.failed)
|
|
})
|
|
|
|
// uncomment if you enable Golden Retriever
|
|
//
|
|
// if ('serviceWorker' in navigator) {
|
|
// navigator.serviceWorker
|
|
// .register('/sw.js')
|
|
// .then((registration) => {
|
|
// console.log('ServiceWorker registration successful with scope: ', registration.scope)
|
|
// })
|
|
// .catch((error) => {
|
|
// console.log('Registration failed with ' + error)
|
|
// })
|
|
// }
|