Twitter Bootstrap图像上传与预览和进度栏

前端之家收集整理的这篇文章主要介绍了Twitter Bootstrap图像上传与预览和进度栏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我如何使用Twitter Bootstrap上传单个图像与预览和进度条。目前,直到我保存图像,我看不到任何预览或进度条上传图像。

解决方法

Jasny的Bootstrap叉子可以让你做得很近。见 documentation

代码

<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>

似乎没有一个进度条,不幸的是。

猜你在找的Bootstrap相关文章