For last two weeks I was working on some user interface logic and happened to use Yahoo UI library (YUI). The task was to upload an image using Ajax. Since I was new to YUI, I was looking here and there over the net for some references. There were some good ones but thats for PHP back-ends, but mine was a jsp back-end and i didn’t know how to read the object thrown out from the YUI side.
with some more digging I came across nice file handling library in Apache commons (Commons File Upload) and took use of it to do the task. the code is as follows.
YUI File UploadS http://[PATH_TO_YUI]/yahoo-dom-event/yahoo-dom-event.js http://[PATH_TO_YUI]/connection/connection-min.js function init(){ var onUploadButtonClick = function(e){ //the second argument of setForm is crucial, //which tells Connection Manager this is a file upload form YAHOO.util.Connect.setForm('testForm', true); var uploadHandler = { upload: function(o) { alert(o.responseText); } }; YAHOO.util.Connect.asyncRequest('POST', 'upload.php', uploadHandler); }; YAHOO.util.Event.on('uploadButton', 'click', onUploadButtonClick); } YAHOO.util.Event.on(window, 'load', init);
I took the above code segment directly from a YUI file upload tutorial hence the credit goes to the author. The jsp back-end using apache commons file upload is as follows.
Continue reading YUI file upload with jsp backend