1

我已经在我正在开发的 Rails 站点上设置了一个表单，并配置了 jquery 文件上传插件。上传表单工作正常。可以选择多个文件，并且所有 ajax 上传功能都可以正常工作。

我遇到的问题是我需要为用户提供一种方法来“取消暂存”他们选择上传的文件。我设置插件的方式允许用户选择或拖放文件，当文件被添加到表单时，它们被添加到暂存区域（见下文）。我需要做的是允许用户“取消暂存”或从表单中删除文件。

基本上我需要一种访问和删除 jquery 文件上传表单中引用的文件的方法。

我正在使用基本的 jquery 文件上传插件，没有 jquery 文件上传附带的所有可选脚本。这是 jquery 文件上传 repo 的链接：https ://github.com/blueimp/jQuery-File-Upload

截屏

这是配置 jquery 文件上传插件的 JavaScript（此代码包含在文档就绪函数中）：

// initalize and configure the jQuery File Uploader
$('#fileupload').fileupload({
  uploadTable: $('.file-upload-list'),
  downloadTable: $('#photo'),
  dropZone: dropZone,
  sequentialUploads: true,
  autoUpload: false,
  maxFileSize:10000000,
  dataType: 'text',

  ... some code removed

  // when the user drags a file into the upload area
  drop: function (e, data) {
    $('.file-upload-table').show();
    $.each(data.files, function (index, file) {
      $('.file-upload-list').append('<li>' + file.name + '<a href="" class="close cancel"></a></li>');
});
  autoResizeColorbox();
  },

  // when the user selects a file normally
  change: function (e, data) {
    $('.file-upload-table').show();
    $.each(data.files, function (index, file) {
      $('.file-upload-list').append('<li>' + file.name + '<a href="" class="close cancel"></a></li>');
});
  autoResizeColorbox();
  },

  ... some code removed
});

任何帮助是极大的赞赏。

4

1 回答 1

0

我遇到了同样的问题并找到了答案。如果提交回调返回 false，则不会上传相应的文件。

于 2013-07-27T21:51:29.313 回答