Форум программистов [Powered by Invision Power Board]

Код

<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/plupload/plupload.full.min.js"></script>


    // Initialize the widget when the DOM is ready
    function InitializePlupload() {
        document.getElementById('filelist').innerHTML= "";
        document.getElementById('div_loadedImagesList').innerHTML= "";


        var uploader = new plupload.Uploader({
            browse_button: 'browse', // this can be an id of a DOM element or the DOM element itself
            // Rename files by clicking on their titles
            url: '<?php echo $config_admin_base_url ?>upload_product_images.php?invid='+current_inv_id+"&session_id=<?php echo session_id() ?>&DocumentRoot=<?php echo urldecode($DocumentRoot) ?>"
        });

        uploader.bind('FilesAdded', function(up, files) {
            number_ofAddedFiles= files.length
            var html = '';
            plupload.each(files, function(file) {
                html += '<li id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></li>';
            });
            document.getElementById('filelist').innerHTML += html;
            document.getElementById('div_uploading_status').innerHTML= current_inv_id + ' Files selected.'
        });

        uploader.bind('UploadProgress', function(up, file) {
            if ( document.getElementById(file.id) ) {
                document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
            }
        });

        uploader.bind('Error', function(up, err) {
            alert( "Error #" + err.code + ": " + err.message )
            document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message;
        });

        document.getElementById('start-upload').onclick = function() {
            uploader.start();
        };

        uploader.bind('FileUploaded', function(up, file, info) {  // Called when a file has finished uploading
                   ...

        });

        uploader.init();

    }

...
            <div id="container">
                <a id="browse" href="javascript:return false;">[Add more images]</a>
                <a id="start-upload" href="javascript:;">[Start Upload]</a>
            </div>