mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-17 16:50:22 +00:00
Output stuff in upload() example
This commit is contained in:
parent
93ab01fc32
commit
b5f0102b98
2 changed files with 16 additions and 1 deletions
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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
|
||||
})
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue