javascript - js : jasny's upload widget in a flask project

Question

有一个 Flask 项目，我想用更好的东西替换标准文件上传表单:

<form action="" method=post enctype=multipart/form-data>
    <input type=file name=file>
    <input type=submit value=Upload>
</form>

一直在考虑使用jasny's bootstrap upload widget ，但是，在加载正确的 .js 和 .css 文件并合并以下 HTML

后

<div class="fileupload fileupload-new" data-provides="fileupload">
  <div class="input-append">
    <div class="uneditable-input span3">
      <i class="icon-file fileupload-exists"></i>
      <span class="fileupload-preview"></span>
    </div>
    <span class="btn btn-file">
      <span class="fileupload-new">Select file</span>
      <span class="fileupload-exists">Change</span>
      <input type="file" />
    </span>
    <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
  </div>
</div>

我不确定如何设置事件来实际上传有问题的文件。我猜想我将另一个按钮连接到提交事件，但我不确定在这里要做什么。

Answer 1

看起来该插件的工作原理是将事件绑定(bind)到现有的 DOM 对象。你打电话了吗

$('.fileupload').fileupload()

DOM 准备好之后？如果您在将元素添加到 DOM 之前调用它，它将找不到任何可以绑定(bind)事件的元素。