使用预览和进度条上传Twitter Bootstrap图像

Question

如何使用Twitter Bootstrap上传包含预览和进度条的单个图像.目前,在我保存图像之前,我无法看到上传图像的任何预览或进度条.

Answer 1

Jasny的Bootstrap分叉让你可以近距离接触.见文档.

代码:

<div class="fileupload fileupload-new" data-provides="fileupload">
  <div class="fileupload-preview thumbnail" style="width: 200px; height: 150px;"></div>
  <div>
    <span class="btn btn-file"><span class="fileupload-new">Select image</span><span class="fileupload-exists">Change</span><input type="file" /></span>
    <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
  </div>
</div>

不幸的是,它似乎没有进度条.