Bootstrapfileinput上传新文件移除时触发服务器同步删除的配置

核心是异步fileuploaded后的处理

$("#files").on('fileuploaded', function (event, data, previewId) {
  previewId = previewId.substr(0, previewId.lastIndexOf("-") + 1);//上传后返回的响应
//用like取对应previewId 的最后一个div 给fileid 赋值给服务器返回的标记数据
  $("div[id^=" + previewId + "]").eq(fileIndex).attr('fileid', data.response.msg);
  $('#' + previewId).attr('fileid', data.response.msg);
  var oldStr = $("#logoutDocs").val();
  $("#logoutDocs").val(oldStr + data.response.msgDetail);
  fileIndex++;
}).on('filesuccessremove', function (event, previewId, extra) {
  console.info(extra)
  //在移除事件⾥取出所需数据，并执⾏相应的删除指令
//取出服务器返回的标记数据取删除
  var fileName = $('#' + previewId).attr("fileid");
  var oldStr = $("#logoutDocs").val();
  $("#logoutDocs").val(oldStr.replace(fileName+",", ""))
//删除服务器上的图片
  deleteImage(fileName);
  delete (($('#' + previewId).attr('fileid')));
  fileIndex--;
});

​​​​​​​完整代码后续回整理发出