mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-17 16:50:22 +00:00
7b0db7d3a0
`node:` protocol is available as of Node.js 14.18.0 LTS. Since we are dropping support for all Node.js versions below that, we can take advantage of this prefix to help differentiate built-in modules from npm modules.
127 lines
2.8 KiB
JavaScript
127 lines
2.8 KiB
JavaScript
const { inspect } = require('node:util')
|
|
const robodog = require('@uppy/robodog')
|
|
|
|
const TRANSLOADIT_KEY = '35c1aed03f5011e982b6afe82599b6a0'
|
|
// A trivial template that resizes images, just for example purposes.
|
|
//
|
|
// "steps": {
|
|
// ":original": { "robot": "/upload/handle" },
|
|
// "resize": {
|
|
// "use": ":original",
|
|
// "robot": "/image/resize",
|
|
// "width": 100,
|
|
// "height": 100,
|
|
// "imagemagick_stack": "v1.0.0"
|
|
// }
|
|
// }
|
|
const TEMPLATE_ID = 'bbc273f69e0c4694a5a9d1b587abc1bc'
|
|
|
|
/**
|
|
* robodog.form
|
|
*/
|
|
|
|
const formUppy = robodog.form('#test-form', {
|
|
debug: true,
|
|
fields: ['message'],
|
|
restrictions: {
|
|
allowedFileTypes: ['.png'],
|
|
},
|
|
waitForEncoding: true,
|
|
params: {
|
|
auth: { key: TRANSLOADIT_KEY },
|
|
template_id: TEMPLATE_ID,
|
|
},
|
|
modal: true,
|
|
progressBar: '#test-form .progress',
|
|
})
|
|
|
|
formUppy.on('error', (err) => {
|
|
document.querySelector('#test-form .error')
|
|
.textContent = err.message
|
|
})
|
|
|
|
formUppy.on('upload-error', (file, err) => {
|
|
document.querySelector('#test-form .error')
|
|
.textContent = err.message
|
|
})
|
|
|
|
window.formUppy = formUppy
|
|
|
|
const formUppyWithDashboard = robodog.form('#dashboard-form', {
|
|
debug: true,
|
|
fields: ['message'],
|
|
restrictions: {
|
|
allowedFileTypes: ['.png'],
|
|
},
|
|
waitForEncoding: true,
|
|
note: 'Only PNG files please!',
|
|
params: {
|
|
auth: { key: TRANSLOADIT_KEY },
|
|
template_id: TEMPLATE_ID,
|
|
},
|
|
dashboard: '#dashboard-form .dashboard',
|
|
})
|
|
|
|
window.formUppyWithDashboard = formUppyWithDashboard
|
|
|
|
const dashboard = robodog.dashboard('#dashboard', {
|
|
debug: true,
|
|
waitForEncoding: true,
|
|
note: 'Images will be resized with Transloadit',
|
|
params: {
|
|
auth: { key: TRANSLOADIT_KEY },
|
|
template_id: TEMPLATE_ID,
|
|
},
|
|
})
|
|
|
|
window.dashboard = dashboard
|
|
|
|
/**
|
|
* robodog.modal
|
|
*/
|
|
|
|
function openModal () {
|
|
robodog.pick({
|
|
restrictions: {
|
|
allowedFileTypes: ['.png'],
|
|
},
|
|
waitForEncoding: true,
|
|
params: {
|
|
auth: { key: TRANSLOADIT_KEY },
|
|
template_id: TEMPLATE_ID,
|
|
},
|
|
providers: [
|
|
'webcam',
|
|
],
|
|
// if providers need custom config
|
|
// webcam: {
|
|
// option: 'whatever'
|
|
// }
|
|
}).then(console.log, console.error)
|
|
}
|
|
|
|
window.openModal = openModal
|
|
|
|
/**
|
|
* robodog.upload
|
|
*/
|
|
|
|
window.doUpload = (event) => {
|
|
const resultEl = document.querySelector('#upload-result')
|
|
const errorEl = document.querySelector('#upload-error')
|
|
robodog.upload(event.target.files, {
|
|
waitForEncoding: true,
|
|
params: {
|
|
auth: { key: TRANSLOADIT_KEY },
|
|
template_id: TEMPLATE_ID,
|
|
},
|
|
}).then((result) => {
|
|
resultEl.classList.remove('hidden')
|
|
errorEl.classList.add('hidden')
|
|
resultEl.textContent = inspect(result.results)
|
|
}, (err) => {
|
|
resultEl.classList.add('hidden')
|
|
errorEl.classList.remove('hidden')
|
|
errorEl.textContent = err.message
|
|
})
|
|
}
|