Bootstrap图片上传器

时间:2018-09-10 11:08:40

标签: javascript php ajax bootstrap-4 image-uploading

我有引导图像上传插件。但是在我的服务编辑页面中,我无法显示上传图像之前的自动缩略图。单击上传按钮并选择图像时,我只能看到缩略图,但是上传后看不到缩略图。如何在此图片上传代码中显示缩略图?

上传代码:

<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>

1 个答案:

答案 0 :(得分:0)

在上传之前,您的上传插件会创建所选文件的缩略图预览。这不会上载到服务器,仅上载原始文件。 您需要通过php脚本使此作业服务器端,保存缩略图,然后再提供给客户端。

请看看这个

  1. Latest jQuery File Upload easy integration with codeigniter
  2. jQuery-File-Upload

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