Forum : [plupload] uploader.start() ne se lance pas

Bonjour à tous,

Je suis en ce moment le tutoriel présentant plupload. A l'heure actuelle, nous sommes sur la version 2.1.2 de plupload. Seulement, lorsqu'on clique sur le bouton pour uploader après après sélectionner le fichier, rien ne se passe.

Sur ce lien, ainsi que celui-ci, sélectionnez votre image puis cliquez sur upload et vous aurez une progression en pourcentage s'affichant à droite du nom de votre image. C'est ici que ça bloque pour moi.

Or, même en copiant le code de ces deux sites, uploader.star() ne se lance pas du tout. Mais si on le remplace par un alert(), ça fonctionne. Pourriez vous me dire comment cela se fait ?

Le code :

<!DOCTYPE html>
<html>
    <head>
        <title>Upload</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>

        <p>This example shows you how to use the core plupload API to add simple upload functionality.</p>

        <div id="filelist">Your browser doesn't have Flash, Silverlight or HTML5 support.</div>
        <br />

        <div id="container">
            <a id="pickfiles" href="javascript:;">[Select files]</a>
            <a id="uploadfiles" href="javascript:;">[Upload files]</a>
        </div>

        <br />
        <pre id="console"></pre>

    </body>
    <script type="text/javascript" src="js/jquery-1.11.2.js"></script>
    <script type="text/javascript" src="js/plupload/moxie.js"></script>
    <script type="text/javascript" src="js/plupload/plupload.min.js"></script>
    <script type="text/javascript">
        // Custom example logic
        var uploader = new plupload.Uploader({
            runtimes : 'html5,flash,silverlight,html4',

            browse_button : 'pickfiles', // you can pass in id...
            container: document.getElementById('container'), // ... or DOM Element itself

            url : "/examples/upload",

            filters : {
                max_file_size : '1mb',
                mime_types: [
                    {title : "Image files", extensions : "jpg,gif,png"}
                ]
            },

            // Flash settings
            flash_swf_url : '/js/plupload/Moxie.swf',

            // Silverlight settings
            silverlight_xap_url : '/js/plupload/Moxie.xap',

            init: {
                PostInit: function() {
                    document.getElementById('filelist').innerHTML = '';

                    document.getElementById('uploadfiles').onclick = function() {
                        uploader.start(); // alert('hello') fonctionne ici
                        return false;
                    };
                },

                FilesAdded: function(up, files) {
                    plupload.each(files, function(file) {
                        document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>';
                    });
                },

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

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

        uploader.init();
    </script>
</html>

Merci d'avance.

[plupload] uploader.start() ne se lance pas

1 réponse