Bootstrap 引导文件输入未显示浏览的映像名称

vx6bjr1n  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(1)|浏览(133)

我正在使用管理LTE主题,我已经添加了上传图像的输入:

<div class="form-group">
    <label for="sendImage">Send Image</label>
    <div class="input-group" id="dyanimc-field2">
        <div class="custom-file" >
            <label class="custom-file-label" for="exampleInputFile">Choose file</label>
            <input type="file" class="custom-file-input" id="sendImage" name="product_image[]">
        </div>
    </div>
</div>

但当我浏览图像时,它应该显示选中的图像名称,但它没有!
因此,默认情况下,它如下所示:

当我选择一个图像时,它应该显示图像名称而不是 * 选择文件 *,如下所示:

那么,这里出了什么问题呢?在上传之前,如果选择了图片,我该如何显示图片名称呢?

uemypmqf

uemypmqf1#

我可以跨越类似的问题,而设计一个自定义的用户 Jmeter 板使用管理LTE HTML模板.
经过几次谷歌搜索,我意识到这是一个已知的问题,在 Bootstrap ,这个github问题的评论解决了我的问题。
我可以使用this第三方库让它工作,下面的代码行为我解决了这个问题。

<script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
<script>
    $(document).ready(function () {
            bsCustomFileInput.init()
        })
</script>

相关问题