引导文件上传 + Django 表单答案

【问题标题】：Bootstrap File Upload + Django Form引导文件上传 + Django 表单
【发布时间】：2013-10-04 05:44:21
【问题描述】：

您好，我正在尝试自定义我的 django 表单并添加 file upload widget from Jasny Bootstrap。但是，它似乎不起作用..

 <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">{{ wizard.form.main_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>

任何想法我做错了什么？我把{{ wizard.form.main_image }} 放错地方了吗？

【问题讨论】：

标签： django image forms twitter-bootstrap field

【解决方案1】：

<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 an Image</span><span class="fileupload-exists">Change</span>
   {{ wizard.form.main_image }}</span>
   <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
   </div>
</div>

【讨论】：