Question

这是我使用fineuploader的第二个项目，之前我使用过3.9.0，所以我不是一个新手。第一个项目在'success'元素上显示了一个'删除'链接。对于这个项目，我安装了fineuploader 4.0.3

上传文件后，此项目未显示“删除”链接。我的初始化代码是：

$('#bootstrapped-fine-uploader').fineUploader({
    debug: true,
    request: {
        endpoint: 'assets/php/fineuploader-endpoint.php'
    },
    deleteFile: {
        enabled: true, // defaults to false
        endpoint: 'fineuploader-delete.php?uuid='
    },
    template: 'qq-template-bootstrap',
    classes: {
        success: 'alert alert-success',
        fail: 'alert alert-error'
    }
}).on('complete',function(event,id,name,responseJson) {
var fullName = responseJson.uploadFolder+'/'+responseJson.uploadName;
    $(this).fineUploader('setName',id,fullName);
    $(this).fineUploader('setDeleteFileParams', fullName, id);      
});

请注意，我必须编写一个删除处理程序fineuploader-delete.php，修改fineupload-endpoint.php并编写'complete'回调函数以支持删除。

当我从chrome调试器执行此操作时，这些已经过测试并正常工作：

$('#bootstrapped-fine-uploader').fineUploader('deleteFile',0);

所以我唯一的问题是qq-upload-list li没有显示调用删除脚本的链接

谢谢！

Answer 1

由于您尚未提供所请求的信息，我将不得不假设您只是忽略了在模板中提供删除文件元素。要确保在使用Fine Uploader UI时显示删除文件按钮，您必须在模板中的某个位置包含“qq-upload-delete-selector”类的任何元素。例如：

<button class="qq-upload-delete-selector">Delete</button>

或：

<button class="qq-upload-delete-selector qq-upload-delete">Delete</button>

或：

<a class="qq-upload-delete-selector qq-upload-delete" href="#">Delete</a>

最后两个将包括Fine Uploader的CSS文件应用的样式，假设您已将其包含在文档中。

styling portion of the documentation。

中的更多信息

文件成功上传后，删除链接未显示

1 个答案: