jQuery file upload plugin
2 naročnika
2 naročnika
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;
});
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) :)