jQuery file upload plugin

Izbrskal in pretestiral sem že malo morje pluginov, ampak še vedno imam s tem težave.

Moje zahteve so, da:
- imam lahko 2 (ali več) instanc uploada na eni strani (večina jih odleti že tukaj)
- si s tinyMCE editorjem ne skačeta v zelje. Ni malo primerkov, ki nehajo delovat skupaj z editorjem (ali pa celo to, da ne dela ne editor in ne upload).

Ali ima kdo izkušnje s kakšnim (po omenjenih kriterijih) uporabnim jQuery file upload pluginom? Vsak namig dobrodošel :)

3 odgovori

Hawgh,
implementiraš lahko tudi sam, s pomočjo jQuery form plugin.
http://jquery.malsup.com/form/#file-upload

Point vsega je da naredi asinhroni submit in ti programatično omogoča, da narediš z rezultatom kar želiš...

Lahko bindaš na "submit" event od forma, lahko pa sam submitaš z $('#nek_form').ajaxSubmit(opcije);

Moj primer, uporablja delegiran pristop, ker se "uploader" prikaže v dialogu

// Bind the upload form submit event
        $(document).on('submit', 'form[name="uploader_form"]', function()
        {
            var options =
            {
                beforeSubmit: function(data, jf, o)
                {
                    var form = jf[0];

                    if ( ! form.userfile.value)
                    {
                        // No file selected
                        return false;
                    }

                    return true;
                },
                success: function(reply)
                {
                    if (reply.error)
                    {
                        alert(reply.error);
                    }
                },
                target: $('.upload_wrapper',),
                data: $('.myuploader').uploader('get_data'),
                delegation: true,
                dataType: 'json'
            };

            $(this).ajaxSubmit(options);

            return false;
        });
1

Najlepša ti hvala za tole! Rešil zadevo (zaenkrat) :)

Za bonus sem pa ugotovil, da je zadnja verzija jQueryja (1.7.2) lahko problematična v kombinaciji s trenutno zadnjim stable releasom TinyMCEja(3.4.9) in v mojem primeru file upload plugini. Javlja se exception: Syntax error, unrecognized expression: #[object Object]-error.

Če jo zamenjaš z 1.7.1, potem deluje bp (vsaj po trenutnih izkušnjah) :)

Jp, ravno prejšnji teden popravljal. V bistvu sem samo posodobil TinyMCE na zadnji 3.5 beta in napaka je izginila. :)