Error reporting in Form example

examples/transloadit/index.html

@@ -22,6 +22,7 @@
         background-color: #111e33;
         height: 1px;
       }
+      .error { color: red; }
       #logo { height: 1em; vertical-align: middle; }
     </style>
     <main>
@@ -51,6 +52,8 @@
           <button type="submit">
             Upload
           </button>
+
+          <span class="error"></span>
       </form>
 
       <hr>

examples/transloadit/main.js

@@ -4,7 +4,7 @@ const transloadit = require('@uppy/transloadit-preset')
  * transloadit.form
  */
 
-window.formUppy = transloadit.form('#test-form', {
+const formUppy = transloadit.form('#test-form', {
   debug: true,
   restrictions: {
     allowedFileTypes: ['.png']
@@ -16,6 +16,18 @@ window.formUppy = transloadit.form('#test-form', {
   }
 })
 
+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
+
 /**
  * transloadit.modal
  */