通过“ Uppy”以HTML格式上传文件

Question

Uppy，一个很棒的javascript文件上传library，但是我无法上传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

启动调试器，它显示 Form uppy.use(Form,未知或未声明。您应该使用浏览器的Web开发人员工具在uppy.io上更好地研究示例（https://uppy.io/examples/xhrupload/）。您在网站上遇到问题时也应该这样做。