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

发布时间：2020-12-18 00:12:52 所属栏目：安全来源：网络整理

导读：我如何使用Twitter Bootstrap上传单个图像与预览和进度条。目前，直到我保存图像，我看不到任何预览或进度条上传图像。解决方法 Jasny的Bootstrap叉子可以让你做得很近。见 documentation。代码： div class="fileupload fileupload-new" data-provides="f

我如何使用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>

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!