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可以不要),每张图片上传后才能为其添加删除事件。