Jquery 文件上传以编程方式删除文件

Question

我试图阻止 Jquery fileupload 删除，直到用户回答 Bootbox 模式弹出窗口。

我 try catch fileuploaddestroy 并运行 e.preventDefault() ，这可以防止删除。但是，一旦用户按下“确定”，如何触发删除呢？我有“数据”对象，其中包含处理事件的删除 URL。

我尝试直接调用 destroy 函数，但它不起作用。 “that”参数似乎没有正确初始化。另外，由于该事件被阻止默认，我创建了一个新事件..

    var ev = jQuery.Event( "click" );
    $('#fileupload').fileupload('option').destroy(ev, data);

我明白了

jquery.fileupload-ui.js:399 Uncaught TypeError: Cannot read property 'options' of undefined

Answer 1

下面是如何执行此操作的示例，假设 myAsyncConfirm 是一个异步确认库，它将在确认时调用传递的函数。

$('#fileupload').bind('fileuploaddestroy', function (e, data) {
  myAsyncConfirm(
    'Are you sure you want to delete file?',
    function() {
      $('#fileupload').fileupload('option', 'destroy').call($('#fileupload'), $.Event('destroy'), data);
    });
  return false;
});