main.js 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. const Uppy = require('@uppy/core')
  2. const Dashboard = require('@uppy/dashboard')
  3. const Transloadit = require('@uppy/transloadit')
  4. function initUppyTransloadit (transloaditKey) {
  5. const uppyTransloadit = new Uppy({
  6. id: 'uppyTransloadit',
  7. debug: true,
  8. autoProceed: true,
  9. })
  10. uppyTransloadit
  11. .use(Dashboard, {
  12. target: '#uppy-transloadit',
  13. inline: true,
  14. })
  15. .use(Transloadit, {
  16. service: 'https://api2-ap-southeast-1.transloadit.com',
  17. getAssemblyOptions () {
  18. return {
  19. params: {
  20. auth: { key: transloaditKey },
  21. steps: {
  22. crop_thumbed: {
  23. use: [':original'],
  24. robot: '/image/resize',
  25. height: 100,
  26. resize_strategy: 'crop',
  27. width: 100,
  28. },
  29. },
  30. },
  31. fields: {
  32. message: 'test',
  33. },
  34. }
  35. },
  36. waitForEncoding: true,
  37. })
  38. uppyTransloadit.on('transloadit:result', (_, __, assembly) => {
  39. // use transloadit encoding result here.
  40. const result = document.createElement('div')
  41. result.setAttribute('id', 'uppy-result')
  42. result.textContent = assembly.fields.message === 'test' ? 'ok' : 'fail'
  43. document.body.appendChild(result)
  44. })
  45. }
  46. window.initUppyTransloadit = initUppyTransloadit