微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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>

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

原文地址:https://www.jb51.cc/bootstrap/234249.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐