Question

我已经下载了SWFUpload，希望创建通过我的网站上传大文件的功能。

我发现这个指南：http://webdeveloperplus.com/jquery/multiple-file-upload-with-progress-bar-using-jquery/我认为我可以从这个开始。不同之处在于我只想一次只上传一个图像。 但是我在上传文件后不知道如何恢复SWFUpload？我希望重置队列并将进度条重置为消失。

调试说：SWF DEBUG: Event: uploadError : Upload limit reached. No more files can be uploaded.

这是我的SWFUpload代码：

$(function()
{
    $('#swfupload-control').swfupload({
          upload_url                : "upload-file.php"
        , file_post_name            : 'uploadfile'
        , file_size_limit           : "102400" // 100 MB
        , file_types                : "*.jpg;*.png;*.gif"
        , file_types_description    : "Image files"
        , file_upload_limit         : 1
        , flash_url                 : "js/swfupload/swfupload.swf"
        , button_image_url          : 'js/swfupload/wdp_buttons_upload_114x29.png'
        , button_width              : 114
        , button_height             : 29
        , button_placeholder        : $('#button')[0]
        , debug                     : true
    })
    .bind('fileQueued', function(event, file)
    {
        var listitem='<li id="'+file.id+'">'+
            '<span class="progresstext"><span class="progressvalue"></span> '+file.name+'</span>'+
            '<div class="progressbar"><div class="progress"></div></div>'+
            '</li>';
        $('#log').append(listitem);
        // start the upload since it's queued
        $(this).swfupload('startUpload');
    })
    .bind('fileQueueError', function(event, file, errorCode, message)
    {
        alert('Size of the file '+file.name+' is greater than limit');
    })
    .bind('uploadStart', function(event, file)
    {
        $('#log li#'+file.id).find('span.progressvalue').text('0%');
    })
    .bind('uploadProgress', function(event, file, bytesLoaded)
    {
        //Show Progress
        var percentage = Math.round((bytesLoaded/file.size)*100);
        $('#log li#'+file.id).find('div.progress').css('width', percentage+'%');
        $('#log li#'+file.id).find('span.progressvalue').text(percentage+'%');
    })
    .bind('uploadSuccess', function(event, file, serverData)
    {
        var item = $('#log li#'+file.id);
        item.find('div.progress').css('width', '100%');
        item.find('span.progressvalue').text('100%');
    })
    .bind('uploadComplete', function(event, file)
    {
        // upload has completed, try the next one in the queue
        $(this).swfupload('startUpload');
    })

});

Answer 1

如果您正在处理上传队列，则使用swfupload.queue plugin

会更加简单

然后，您可以在swfupload对象上绑定'queueComplete'事件，该事件将在整个队列处理完毕后触发（这是您希望隐藏进度条并重置队列的位置）。要重置队列，这个插件还会添加一个cancelQueue（）函数（注意你调用它的位置，因为它会取消任何正在进行的上传）。

如果你想手动取消它/不使用这个插件，你必须逐个取消文件，直到stats（）对象说它是空的

// request your stat objects, it contains amongst others the number of files in the queue
var stats = my_upload.getStats();
// while the queue is not empty ...
while (stats.files_queued > 0) {
  // .. cancel the first in the queue (null: take the first found, false: don't trigger an error event)
  my_upload.cancelUpload(null, false);
  // it is important to reload the stats everytime and not just do a for (i = 0; i < stats.files_queued ...
  stats = my_upload.getStats();
}

Answer 2

我认为你的意思是“如何在上传后重置统计信息？”。

在某些时候，例如您已将file_upload_limit设置为1，您上传文件但之后将其删除，您需要重置统计信息，否则您无法继续上传任何文件。

现在，您可以编写如下代码：

  var stats = swfUploadObj.getStats();
  stats.successful_uploads = stats.successful_uploads - 1;
  swfUploadObj.setStats(stats);

如何在SWFUpload中重置队列？

2 个答案: