Question

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

<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

看起来插件通过将事件绑定到现有DOM对象来工作。你有没有打电话

$('.fileupload').fileupload()

在DOM准备好之后

？如果在元素添加到DOM之前调用它，它将找不到任何将事件绑定到的元素。

js：jasny在烧瓶项目中的上传小部件

1 个答案: