我正在使用 Fine uploader ,带有图像预览的 ajax uploader 。我没有使用 Fine Uploader Basic 模式。
如何移动删除链接
<a class="qq-upload-delete" href="#" style="display: inline;">Delete</a>
来自 <ul class="qq-upload-list">
至 <li id="thumb">
图像周围。
<script>
$(document).ready(function() {
$('#thumbnail-fine-uploader').fineUploader({
request: {
endpoint: 'includes/example.php'
},
deleteFile: {
enabled: true,
forceConfirm: true
},
multiple: false,
validation: {
allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'],
sizeLimit: 51200 // 50 kB = 50 * 1024 bytes
},
text: {
uploadButton: 'Dodajte sliku',
deleteButton: ' '
}
}).on('complete', function(event, id, fileName, responseJSON) {
if (responseJSON.success) {
$(this).append('<li id="thumb"><img src="img/success.jpg" alt="' + fileName + '"></li>');
}
});
});
</script>
我想实现这一点,所以每张图片旁边都有一个删除链接,而不是在上传列表中。
最佳答案
由于文件项删除 anchor 函数的方式,重新设置删除链接的父级可能在这里不起作用。
相反,为什么不创建自己的删除按钮?您的 complete
回调处理程序可能如下所示:
.on('complete', function(event, id, fileName, response) {
if (response.success) {
var $deleteEl = $('<a href="#">Delete</a>');
//when you delete element is clicked, call the "deleteFile" API method, passing in that file's ID
$deleteEl.click(function() {
$('#thumbnail-fine-uploader').fineUploader('deleteFile', id);
});
$(this).append('<li id="thumb"><img src="img/success.jpg" alt="' + fileName + '"></li>')
.append($deleteEl);
}
});
当然,您可以调整删除 anchor HTML 以适合您的应用程序的样式。
关于javascript - 罚款上传者删除链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16220641/