2014-07-04 75 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">