Загрузка файлов с HTML-формой через «Uppy»

Question

Uppy , отличная загрузка файлов javascript библиотека , но я не смог загрузить изображения в HTML-форме.

Код Javascript:

 var uppy = Uppy.Core();
 uppy.use(Form, {
   target: '#upload',
   getMetaFromForm: true,
   addResultToForm: true,
   resultName: 'uppyResult',
   triggerUploadOnSubmit: false,
   submitOnSuccess: false
 });

HTML-код:

<form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="text" class="form-control" id="exampleInputEmail1">
  </div>
  <div class="form-group">
    <label>Images Upload</label>
    <div id="upload">
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

на J SFiddle demo

Область загрузки не отображается. В чем может быть причина?

Answer 1

Запуск отладчика показывает, что Форма в uppy.use(Form, неизвестно или не объявлено. Вы должны изучить примеры (https://uppy.io/examples/xhrupload/) на uppy.io немного лучше, используя инструменты веб-разработчика вашего браузера. это следует делать и при возникновении проблем на вашем веб-сайте.