正确实现plupdate

时间:2016-09-28 21:41:22

标签: javascript jquery plupload

我正在实施这个上传库,可能没有多少人使用它,但也许有人可以帮我解决如何解决这个问题。

所以我已经上传,问题是我想要实现“上传者”对象,比如

upload.bind();

我想知道这里是否有人可以提供链接或者清楚我的想法。

非常感谢你。

这是我的代码:

        uploader = $("#uploader").plupload({
        // General settings
        runtimes: 'html5,flash,silverlight,html4',
        url: objMaterial.geturl(),
        urlstream_upload: true, //cambiar url en tiempo real
        multi_selection: multiSelection,
        unique_names: unicoNombre,
        // User can upload no more then 20 files in one go (sets multiple_queues to false)
        max_file_count: 1,
        chunk_size: '1mb',
        // Resize images on clientside if we can        
        filters: {
            // Maximum file size
            max_file_size: '50mb',
            // Specify what files to browse for
            mime_types: [
                {   
                    title: titulo, 
                    extensions: extensiones
                }
            ]
        },
        // Rename files by clicking on their titles
        rename: true,
        // Sort files
        sortable: true,
        // Enable ability to drag'n'drop files onto the widget (currently only HTML5 supports that)
        dragdrop: true,
        // Views to activate
        views: {
            list: true,
            thumbs: true, // Show thumbs
            active: 'thumbs'
        },
        // Flash settings
        flash_swf_url: '../../js/Moxie.swf',
        // Silverlight settings
        silverlight_xap_url: '../../js/Moxie.xap'
    });
    //uploader = $("#uploader").plupload();
   uploader = $('#uploader').plupload();
   console.log(uploader);
    //uploader = $("#flash_uploader").pluploadQueue();

    uploader.bind('QueueChanged', function (up, files)
    {
        files_remaining = uploader.files.length;
    });

1 个答案:

答案 0 :(得分:-1)

我想回答这个问题,我找到了解决方案。

所以这些对象都是事件。

这里有一个如何实现它们的完整示例。

uploader = $("#uploader").plupload({
        // General settings
        runtimes: 'html5,html4',
        url: objMaterial.geturl(),
        // Maximum file size
        max_file_size: '50mb',
        chunk_size: '1mb',
        max_file_count: 1,
        // Resize images on clientside if we can
        resize: {
            width: 200,
            height: 200,
            quality: 90,
            crop: true // crop to exact dimensions
        },
        // Specify what files to browse for
        filters: [
            {title: "PDF", extensions: "PDF"}
        ],
        // Rename files by clicking on their titles
        rename: true,
        // Sort files
        sortable: true,
        // Enable ability to drag'n'drop files onto the widget (currently only HTML5 supports that)
        dragdrop: true,
        // Views to activate
        views: {
            list: true,
            thumbs: true, // Show thumbs
            active: 'thumbs'
        },
        // Post init events, bound after the internal events
        init: {
            PostInit: function () {
                // Called after initialization is finished and internal event handlers bound
                log('[PostInit]');
                document.getElementById('uploadfiles').onclick = function () {
                    uploader.start();
                    return false;
                };
            },
            Browse: function (up) {
                                // Called when file picker is clicked                                       
                        },
                        Refresh: function (up) {
                                // Called when the position or dimensions of the picker change                                        
                        }, 
                        StateChanged: function (up) {
                                // Called when the state of the queue is changed                                        
                        }, 
                        QueueChanged: function (up) {
                                // Called when queue is changed by adding or removing files                                        
                        },
            OptionChanged: function (up, name, value, oldValue) {
                // Called when one of the configuration options is changed
            },
            BeforeUpload: function (up, file) {
                // Called right before the upload for a given file starts, can be used to cancel it if required
            },
                        UploadProgress: function (up, file) {
                                // Called while file is being uploaded                                        
                        },
            FileFiltered: function (up, file) {
                // Called when file successfully files all the filters                                        
            },
                        FilesAdded: function (up, files) {
                                // Called when files are added to queue                                       
                                plupload.each(files, function (file) {                                                
                                });
                        },
                        FilesRemoved: function (up, files) {
                                // Called when files are removed from queue                                        
                                plupload.each(files, function (file) {                                                
                                });
                        }, 
                        FileUploaded: function (up, file, info) {
                                // Called when file has finished uploading
                jQueryMessage('El archivo se ha enviado exitosamente!', 1);                                        
                        }, 
                        ChunkUploaded: function (up, file, info) {
                                // Called when file chunk has finished uploading                                        
                        },
            UploadComplete: function (up, files) {
                // Called when all files are either uploaded or failed                                        
            },
            Destroy: function (up) {
                // Called when uploader is destroyed                                        
            },
                        Error: function (up, args) {
                                // Called when error occurs                                        
                        }
            },
        // Flash settings
        flash_swf_url: '/plupload/js/Moxie.swf',
        // Silverlight settings
        silverlight_xap_url: '/plupload/js/Moxie.xap'
    });

我希望这可以帮到你