Output stuff in upload() example

This commit is contained in:
Renée Kooi 2019-01-31 16:01:49 +01:00
parent 93ab01fc32
commit b5f0102b98
No known key found for this signature in database
GPG key ID: 8CDD5F0BC448F040
2 changed files with 16 additions and 1 deletions

View file

@ -22,6 +22,7 @@
background-color: #111e33;
height: 1px;
}
.hidden { display: none; }
.error { color: red; }
#logo { height: 1em; vertical-align: middle; }
</style>
@ -98,6 +99,9 @@
<p>
<input type="file" multiple onchange="doUpload(event)">
<p id="upload-result">
<p id="upload-error" class="error">
</main>
<link href="uppy.min.css" rel="stylesheet">

View file

@ -1,3 +1,4 @@
const { inspect } = require('util')
const transloadit = require('@uppy/robodog')
/**
@ -78,11 +79,21 @@ window.openModal = openModal
*/
window.doUpload = (event) => {
const resultEl = document.querySelector('#upload-result')
const errorEl = document.querySelector('#upload-error')
transloadit.upload(event.target.files, {
waitForEncoding: true,
params: {
auth: { key: '05a61ed019fe11e783fdbd1f56c73eb0' },
template_id: 'be001500a56011e889f9cddd88df842c'
}
}).then(console.log, console.error)
}).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
})
}