您现在的位置:首页 >> 前端 >> 内容

bootstrap-fileinput删除事件的添加

时间:2017/2/22 9:25:31 点击:

  核心提示:本文,主要补充一下上传的每张图片的删除事件怎么添加。删除事件的添加,与前端没什么鸟关系,主要是根据后台返回的数据,后台返回的数据必须符合固定的数据格式,才能添加为每张上传的图片。后台返回的数据格式如下...

本文,主要补充一下上传的每张图片的删除事件怎么添加。
删除事件的添加,与前端没什么鸟关系,主要是根据后台返回的数据,后台返回的数据必须符合固定的数据格式,才能添加为每张上传的图片。后台返回的数据格式如下:

{
    initialPreview: [
        '<img src='/images/desert.jpg' class='file-preview-image' alt="Desert" title="Desert">',
    ],
    initialPreviewConfig: [
    {
        caption: 'desert.jpg', 
        width: '120px', 
        url: 'https://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可以不要),每张图片上传后才能为其添加删除事件。

Tags:BO OO OT TS 
作者:网络 来源:jiang_ming