20

添加文件后，我想自动开始上传过程。我在 FilesAdded 的末尾调用了 start 函数，但它没有开始上传。

uploader.bind('FilesAdded', function(up, files) {
      var str = "";
      for (var i in files) {
        str += '<div id="' + files[i].id + '">' + files[i].name + ' (' + plupload.formatSize(files[i].size) + ') <b></b></div>';
      }
      $('#filelist').html(str);
      up.refresh();
      up.start();
    });

这是我的创建代码

var uploader = new plupload.Uploader({
      runtimes: 'html5,flash,silverlight',
      autostart : true,
      url: '<%= images_path %>',
      max_file_size: '10mb',
      multipart: true,
      browse_button: "pickfiles",
      container: "the-uploader",
      drop_element : "drop-area",  
      multipart_params: {
        '_http_accept': 'application/javascript',
        '<%=request_forgery_protection_token%>': '<%=form_authenticity_token%>',
        '<%=request.session_options[:key]%>': '<%=request.session_options[:id]%>'
      },
      filters: [
        {title: "Images", extensions: "avi,jpg,jpeg,png,zip"}
      ],
    });
4

5 回答 5

34

在添加文件时添加up.start()FilesAdded 绑定应该开始上传。我已经像这样调用我的上传器（我在你尝试调用它的方式时遇到了问题）：

$(function() {
    // Setup html5 version
    $("#html5_uploader").pluploadQueue({
      // General settings
      runtimes : 'html5',
      url : 'upload.php',
      max_file_size : '10mb',
      chunk_size : '1mb',
      unique_names : true,
      dragdrop : true,
      multiple_queues : false,
      multi_selection : false,
      max_file_count : 1,

      // Specify what files to browse for
      filters : [
        {title : "Text files", extensions : "txt"}
      ],

      init : {
        FilesAdded: function(up, files) {
          up.start();
        },
        UploadComplete: function(up, files) {
          $.each(files, function(i, file) {
            // Do stuff with the file. There will only be one file as it uploaded straight after adding!
          });
        }
      }
    });
  });
于 2011-11-17T11:09:17.770 回答
14

“确保在初始化之后绑定它，因为它绑定了默认处理程序。”

所以你的代码：

uploader.bind('FilesAdded', function(up, files) {...});

在你之后

uploader.init();

更多信息

于 2012-01-15T15:28:02.060 回答
12

对我来说，它不适用于您的版本，但确实有效：

FilesAdded: function(up, files) {
   setTimeout(function () { up.start(); }, 100);
 },

所以在 100 毫秒后设置一个定时器来执行启动。我在测试时使用 jquery ui 版本并收到此错误：

g("#" + l.id).position() is null

/js/plupload/js/jquery.ui.plupload/jquery.ui.plupload.js
于 2012-01-03T10:54:25.753 回答
3

我也想要同样的东西，并找到了以下方法。

添加文件后自动开始文件上传的新方法只需将 true 设置为autostart如下所示的属性

$("#uploader").plupload({
    .....
    autostart: true,
    .....
});
于 2014-05-20T05:29:17.017 回答
1

只需通过这种方式触发开始上传按钮

FilesAdded: function(up, files) {
   $('#fileupload_start').click();
},

这将上传文件而无需等待 100 毫秒。

于 2015-07-08T09:26:38.450 回答