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

Question

我正在尝试阻止 Jquery 文件上传删除，直到用户回答 Bootbox 模式弹出窗口。

我尝试捕获 fileuploaddestroy 和运行 e.preventDefault() ，这可以防止删除。但是，一旦用户按下确定，我该如何触发删除呢？我有 "data" 对象，其中删除了 URL 处理事件。

我尝试直接调用销毁函数，但它不起作用。 "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;
});

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

Jquery File Upload Delete File Programmatically

upload

jquery

file

blueimp