2014-07-04 71 views
1

我工作与jasny上传图像预览插件引导3但是这不工作时,预览图像是空的。我只需要显示no+imageselect image按钮不是empty divchange/remove按钮。jasny上传图像预览插件,当现有图像为空

HTML:

<div class="fileinput fileinput-exists" data-provides="fileinput" data-name="myimage"> 
    <input type="hidden" name="myimage" value="1" /> 
    <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;"> 
     <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" /> 
    </div> 
    <div class="fileinput-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;"> 

    </div> 
    <div> <span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span class="fileinput-exists">Change</span> 
     <input type="file" /> 
     </span> <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a> 

    </div> 
</div> 

如何解决这个问题?

DEMO:http://jsfiddle.net/Sambora/Y7hGh/2/

回答

0

如果我明白你的correclty的问题,我想这是因为你用fileupload-exists,而不是fileinput-exists。所以加价的预览容器应该是这样的:

<div class="fileinput-preview fileinput-exists thumbnail" 
    style="max-width: 200px; max-height: 150px; line-height: 20px;"> 
</div> 
0

你需要改变:的FileInput-存在于你的代码的FileInput全新中没有预览图像的情况下,顶行提供。

<div class="fileinput fileinput-exists" data-provides="fileinput" data-name="myimage"> 

要:

<div class="fileinput fileinput-new" data-provides="fileinput" data-name="myimage">