如何删除 Krajee Bootstrap 文件输入中的图像？答案

【问题标题】：How to delete an image in Krajee Boostrap FileInput?如何删除 Krajee Bootstrap 文件输入中的图像？
【发布时间】：2015-05-23 07:03:22
【问题描述】：

目前使用此plugin 在我的网站上上传图片，当用户在上传图片后点击删除按钮时，我正在努力寻找一种方法来触发事件以调用我的 php 文件。（删除功能是如何工作的？）

（我的上传工作正常！只是无法继续删除部分）

html:

 <input id="input-upload" name="input-upload[]" type="file" multiple="true">

JS代码：

$("#input-upload").fileinput({
        uploadUrl: 'uploadImg.php',
        deleteUrl: 'deleteImg.php',
        showCaption: false,
        dropZoneEnabled: false,
        maxFileSize: 7000,
        maxFileCount: 5,
        uploadAsync: false,
        allowedFileExtensions : ['jpg', 'png','gif'],


        previewFileType: "image",
    browseClass: "btn btn-success",
    browseLabel: "Pick Image",
    browseIcon: '<i class="glyphicon glyphicon-picture"></i>',
    removeClass: "btn btn-danger",
    removeLabel: "Delete",
    removeIcon: '<i class="glyphicon glyphicon-trash"></i>',
    uploadClass: "btn btn-info",
    uploadLabel: "Upload",
    uploadIcon: '<i class="glyphicon glyphicon-upload"></i>',
        initialPreviewShowDelete:true,

    });

我还尝试了各种事件，例如 filepredelete 和 filedelete 函数，但是当用户点击删除按钮时，这些事件从未被调用。只有 fileclear 事件有效，但这毫无意义，因为我总是会得到一个空列表，而且它没有用，因为我无法删除服务器上那些上传的文件。

我想找到一种方法来获取当前列表或找出用户删除了哪些图像，以便我可以在服务器中将其删除。（在删除之前和之后恢复我的输入上传数组）

有人可以帮我吗？提前致谢！

【问题讨论】：

标签： javascript php jquery html upload

【解决方案1】：

添加初始预览

initialPreview 为您上传的图片：

initialPreview: {
    `img src='/images/desert.jpg' class='file-preview-image' alt='Desert' title='Desert'>`",
    `<img src='/images/jellyfish.jpg' class='file-preview-image' alt='Jelly Fish' title='Jelly Fish'>`",
},

然后将 Config 添加到此 Preview 中：

initialPreviewConfig:

{
                {
                    caption: 'desert.jpg',
                    width: '120px',
                    url: '/localhost/public/delete', 
                    key: 100,
                    extra: {id: 100}   ***// id of your image***
                   }};

【讨论】：

任何示例代码供参考？我想我以前也试过这个。它似乎没有工作
您的 postImages 代码（函数）必须返回带有以下数据的 json 格式： echo json_encode([ 'initialPreview' => [ "", ], 'initialPreviewConfig' => [ ['caption' => "example.jpg", 'width' => '120px', 'url' => 删除/图像/id, 'key' => {key}], ], 'append' => true ]);
@RyanFung，参考：plugins.krajee.com/file-input#option-initialpreviewconfig
我不明白我需要在 url 键中传递什么值？我的意思是，我需要发送删除图像的 .php url？