mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-18 17:16:00 +00:00
764c2ccada
* relocate .vscode
* Switch to transloadit linter
* Update .eslintrc.json
* autofix code
* unlink and install eslint-config-transloadit@1.1.1
* Change 0 to "off"
* Don't change 'use strict'
* Do not vertically align
* disable key-spacing
* add import/no-extraneous-dependencies per package
* add more react/a11y warnings
* Revert "autofix code"
This reverts commit 14c8a8cde8.
* add import/no-extraneous-dependencies per example and main package
* autofix code (2)
* Allow devDependencies in ./bin
* Change import/no-extraneous-dependencies to warn again
* upgrade linter
* Set import/no-extraneous-dependencies to warn
127 lines
2.8 KiB
JavaScript
127 lines
2.8 KiB
JavaScript
const { inspect } = require('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
|
|
})
|
|
}
|