开发者

Refresh plupload

I'm using p开发者_JAVA技巧lupload.

How do you reset the uploader after the transfer queue completes, so the user can upload more files if they want?


uploader.splice(); will remove all files from the queue and make uploader object ready to start over.


uploader.splice();

uploader.refresh();

In that sequence... Works on jquery.ui mode.


There is now an option to automatically reset the queue widget once uploads are complete.

http://www.plupload.com/documentation.php

multiple_queues

Boolean state if you should be able to upload multiple times or not.


jayarjo's solution removes the files from the uploader, but doesn't restore the Add/upload buttons.

This one works...

http://www.plupload.com/punbb/viewtopic.php?pid=1360#p1360


In this sequence:

        var uploader = $('#uploader').plupload('getUploader');
        uploader.splice();
        uploader.refresh();

I'm using a function that was resetting the form with some other content but was unable to reset plupload. I don;t mind that it does not come again the Drag Files here text, although I think that it can be monkeyed.. It might have something to do with the count. For instance, I have these params:

                   uploader_0_name          account-disabled-1.png
                   uploader_0_status    done
                   uploader_count           1

Perhaps removing these inputs is not a good idea, but restoring them to their initial state could work.. I will look into that and come back as it develops.. Thanks for the nice advices.


I bind to the UploadComplete event to remove and re-initialize the plupload object when the upload completes. It turned out to be the best implementation for me.

With this implementation, just call init_uploader() to initialize- in this case, on jquery page load complete.

HTML:

<div id="uploader_wrapper"></div>

Javascript:

function init_uploader()
{
    $("#uploader_wrapper").append('<div id="uploader"><img src="/images/loading.gif" /></div>');

    $("#uploader").pluploadQueue({
        runtimes: 'html5,html4,gears,browserplus,flash,silverlight',
        url: 'some_url',
        max_file_size: '10mb',
        chunk_size: '1mb',
        unique_names: true,
        filters: [
            { title: "Image files", extensions: "jpg,gif,png,jpeg" }
        ],
        flash_swf_url: 'http://www.plupload.com/plupload/js/plupload.flash.swf',
        silverlight_xap_url: 'http://www.plupload.com/plupload/js/plupload.silverlight.xap'
    });

    var uploader = $('#uploader').pluploadQueue();

    uploader.bind("UploadComplete", function () {
        $("#uploader").remove();
        init_uploader();
    });
}

$(function () {
    init_uploader();
});
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜