上传者删除链接
Fine uploader delete link
我使用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>
我想实现这一点,所以有一个删除链接旁边的每个图像,而不是在上传列表
由于文件项删除锚函数的方式,重定义删除链接可能在这里不起作用。
为什么不创建自己的删除按钮呢?你的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);
}
});
当然,您可以调整删除锚HTML以适应您的应用程序的样式。
相关文章:
- 正在从Instagram图片源中删除链接
- 在链接d3强制布局中添加和删除类
- 删除默认的ui超链接行为
- 如何使用jQuery或JavaScript删除链接
- 在 #anchor 之前删除 href 中的部分链接
- Javascript each() 函数删除链接
- 在页面加载时创建/设置活动的默认链接,但在单击其他链接时删除活动链接
- 如何从iframe中删除链接
- 删除所有<link>iframe中的元素
- 删除超链接将内容保留在其中
- 我想在单击clear链接时使用javascript中的拼接删除整个列表
- 如何删除“;被访问”;当我滚动时从链接进入状态
- jQuery:如何从链接中删除查询字符串
- javaScript-从某些链接中删除事件
- 从页面上点击的链接中删除数据,然后移动到下一页&在CasperJS中重复
- 单击href旁边的链接(删除图标)时删除href(Javascript帮助)
- 如何在以下脚本中删除dom选择器中的链接
- 删除浏览器底部链接的目标Url's页
- Dropzone js链接删除url与删除按钮
- 点击链接删除Div