1

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

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

一直在研究使用jasny 的引导上传小部件,但是,在加载正确的.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>

我不确定如何设置事件以实际上传相关文件。我猜我将一个不同的按钮连接到提交事件,但我不确定在这里做什么。

4

1 回答 1

1

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

$('.fileupload').fileupload()

在 DOM 准备好之后?如果您在元素添加到 DOM 之前调用它,它不会找到任何要绑定事件的元素。

于 2013-04-12T07:27:14.400 回答