Bootstrap 图片上传器

Question

我有 bootstrap 图片上传插件。但是在我的服务编辑页面中，我无法显示之前上传图片的自动缩略图。单击上传按钮和 select 图片时，我只能看到缩略图，但上传后看不到缩略图。如何在此图片上传代码中显示缩略图？

上传代码：

<div class="form-group row">
    <label class="col-lg-2 col-form-label font-weight-semibold">Block button:</label>
    <div class="col-lg-10">
        <input type="file" name="service_1" class="file-input" data-browse-class="btn btn-primary btn-block" data-show-remove="true" data-show-caption="true" data-show-upload="false" data-fouc>
        <span class="form-text text-muted">Display the widget as a single block button.</span>
    </div>

Answer 1

上传前，您的上传插件会创建所选文件的缩略图预览。这并没有上传到服务器，只上传了原始文件。您需要通过 php 脚本在服务器端创建此作业，保存缩略图然后提供给客户端。

请看看这个

此插件支持许多选项，例如图像大小调整、最大大小、文件验证...

Bootstrap 图片上传器

Bootstrap Image Uploader

javascript

php

ajax

image-uploading

bootstrap-4