jasny上传图片预览插件时,现有的图像是空的(jasny upload image preview

2019-10-20 09:43发布

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

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/

Answer 1:

如果我理解你的correclty的问题,我想这是因为你使用的fileupload-exists代替fileinput-exists 。 所以加价的预览容器应该是这样的:

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


Answer 2:

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

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

至:

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


文章来源: jasny upload image preview plugin when existing image is empty