javascript - krajee 文件上传插件删除 URL 响应

Question

如果我想让用户能够删除只是上传的图像，我应该返回什么样的 json。那个红色垃圾桶按钮不发送任何请求，只是从 View 中删除图像，而不是从服务器中删除。我看这个manual

我现在对每次上传都这样回应:

$p = [
'error' => '',
'initialPreviewConfig' => [
    [
    'url' => 'http://localhost/avatar/delete', // server delete action
    'key' => $_POST['file_id'],
    'extra' => ['id' => $_POST['file_id']]
    ]
]
]

我尝试过各种选择..

Answer 1

我使用回调 filesuccessremove 和 fileuploaded 管理它，可能有更简洁的方法。这个 API 很复杂，但确实很好。

    $("#fileuploader").fileinput({
        uploadUrl: 'uplurl',
        allowedFileExtensions : ['jpg'],
        maxFileSize: 800000,
        maxFilesNum: 10,
        language: 'pl',
    })
    .on('fileuploaded', function(event, data, previewId, index) {
            $('div.file-preview-thumbnails #'+previewId).attr('server_id',data.response.server_id)
            })
    .on('filesuccessremove', function(event, id) {
            event.preventDefault();
            dp = $('div.file-preview-thumbnails #'+id).attr('server_id')
            $.post('deletefilesurl', {'server_id':dp})
            .done(function(r){
                    if(r=='ok'){
                            $('#'+id).fadeOut(300, function(){$(this).remove()})
                    }else{
                    $('#'+id).addClass('btn-danger').find('.file-actions').html(r)
                    }
            })
            .fail(function() {
                    $('#'+id).addClass('btn-danger').find('.file-actions').html('nothing deleted')
            })

            return false
    });

代码缩进在这里可能不合适，这个想法只是为了将存储的图像服务器 ID 存储在 html-data 属性中，在上传的文件中，来自响应。并在 filesuccessremove 事件上发帖。注意 evet.preventdDefault 必须与回调中的 return false 一起使用 以防止缩略图被删除，如果过程正常，则需要手动删除它

fom php 我只是返回这个

return  [
    'error' => '',
    'server_id' => $i, //last db insert id
];