Twitter bootstrap jasny fileupload元素,无法将其用于编辑操作

Twitter bootstrap jasny fileupload元素,无法将其用于编辑操作,twitter-bootstrap,file-upload,jasny-bootstrap,Twitter Bootstrap,File Upload,Jasny Bootstrap,我正在尝试使用jasny引导的文件上载进行编辑操作。有某些网页使用的是登录,他/她已经上传了图像,我想能够呈现他们,以便用户更改或删除 我正在使用以下命令 使用以下代码段 <div class="fileupload fileupload-new" data-provides="fileupload"> <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;"><img

我正在尝试使用jasny引导的文件上载进行编辑操作。有某些网页使用的是登录,他/她已经上传了图像,我想能够呈现他们,以便用户更改或删除

我正在使用以下命令

使用以下代码段

<div class="fileupload fileupload-new" data-provides="fileupload">
  <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;"><img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" /></div>
  <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"></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>

选择imageChange
它可以完美地处理新图像,但如何渲染现有图像?在手册中,它说我必须使用fileupload exists类,而不是fileupload new,我试过了,它在编辑模式下显示表单。但未显示来源的图像,请告知

关于,

将图像添加为预览(因此在
.fileupload preview
中),并将top类更改为
。fileupload存在

<div class="fileupload fileupload-exists" data-provides="fileupload">
  <div class="fileupload-new thumbnail" style="width: 200px; height: 150px;">
    <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" />
  </div>
  <div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;">
     <img src="http://jasny.github.com/bootstrap/assets/img/extended-by-jasny.png">
  </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>​

选择imageChange
​
还要检查这把小提琴:


另外,您当前必须单击“删除”两次。这将在下一版本中修复。

谢谢,这为我解决了问题。我可以直接从存储库中双击“删除”按钮,还是尚未按下?可以,您可以使用WIP分支。这个解决方案对我不起作用。我有一个控制,用户不能留下空白的“上传照片”字段。即使我这样做,我也会得到“未选择文件”错误