bootstrap-fileinput 的详细应用请参见博文:http://blog.csdn.net/wuwenjinwuwenjin/article/details/49507595
本文,主要补充一下上传的每张图片的删除事件怎么添加。
删除事件的添加,与前端没什么鸟关系,主要是根据后台返回的数据,后台返回的数据必须符合固定的数据格式,才能添加为每张上传的图片。后台返回的数据格式如下:
{
initialPreview: [
'<img src='/images/desert.jpg' class='file-preview-image' alt='Desert' title='Desert'>',
],
initialPreviewConfig: [
{
caption: 'desert.jpg',
width: '120px',
url: 'http://localhost/avatar/delete', // server delete action
key: 100,
extra: {id: 100}
}
],
error:error,
initialPreviewThumbTags:[
{
'{CUSTOM_TAG_NEW}': ' ',
'{CUSTOM_TAG_INIT}': '<span class=\'custom-css\'>CUSTOM MARKUP</span>'
}
];
}
后台返回的数据格式必须跟示例一致(error和initialPreviewThumbTags可以不要),每张图片上传后才能为其添加删除事件。
本文介绍如何使用bootstrap-fileinput实现图片上传,并重点讲解如何通过后台返回的数据格式为每张图片添加删除事件。该过程需确保数据格式正确,以便前端能够正确解析并触发删除操作。

873

被折叠的 条评论
为什么被折叠?



