Upload de fitxer amb Ajax: jquery.forms

Amb el projecte de picsore ja em vaig plantejar fer un upload de fitxer utilitzant Ajax. Finalment ho vaig resoldre, sense Ajax i fent una recàrrega normal de pàgina. Vaig estar investigant una mica sobre el tema, i la solució plantejada passava per l’invocació d’un iframe, de forma que quan es fa el submit del form es construeix un iframe que fa l’upload i el resultat ho llegeix l’Ajax. La solució era funcional però em faltava un wrapper que ajuntés aquest codi, i jo no comptava amb el temps per desenvolupar-lo.

Finalment, aquest wrapper l’he trobat amb un dels plugins de jquery, els jquery forms. Aquest plugin de jquery l’he trobat de molta utilitat, perquè amb un sola invocació d’una de les seves funcions: ajaxSubmit o ajaxForm, ja et fa tota la crida en ajax, i el millor suporta l’upload de fitxers, que fem una mica de hacking pel codi, és clar que utilitza la tècnica de l’iframe. L’he probat, he tardat 2 minuts en fer-lo funcionar, l’he integrat amb el cakephp , i s’ha convertit ja amb una llibreria bàsica pels meus formularis web.

La validació del cakephp 1.2 més la facilitat del plugin jquery.form, han fet que els meus formularis siguin molt i molt potents en el mínim de temps.

Espero que aquest plugin sigui un pas més per a la migració del helper d’Ajax de cakephp basat amb la llibreria Prototype a Jquery.