AJAX-Javascript File Upload Form

By Angsuman Chakraborty, Gaea News Network
Saturday, July 21, 2007

Javascript Upload FormExt extension UploadForm is a new extension to easily upload multiple files from web interface to a server.

The files are added to a queue first and then uploaded. The live file upload status and statistics are shown. The extension is pretty stable and usable. You can see a demo here. It is based on high quality Ext framework and hence is cross browser compatible.

The server side of the code is not provided. So it is for you to explore and find. A sample server side implementation say in PHP or Java is what is missing from this otherwise excellent piece of work.

Details here.

Discussion
December 12, 2010: 5:50 am

According to my own monitoring, thousands of people all over the world get the business loans at good creditors. Thus, there is a good possibility to get a college loan in every country.


raksh
June 25, 2010: 6:47 am

I have prob in iframe…I create a file field inside my iframe .but from my page when I click the button the iframe click() event doesn’t work..
here is my code..
when I click the button in my jsp page.
……………………………….my.js…………………..
function browseDocsForAssignment(i)
{
var mode = document.getElementById(”chkMode”).value;
var divIdName = ‘atchFile’+parseInt(i);
var iframeAsgntDoc = document.getElementById (’iframeAsgntDoc’).contentWindow.document;

if(iframeAsgntDoc.getElementById(divIdName)==null)
{ var file = iframeAsgntDoc.createElement(”input”);
file.setAttribute(”type”, “file”);
file.setAttribute(’id’,divIdName);
file.setAttribute(’name’,divIdName); iframeAsgntDoc.frmAssignmentPlan.appendChild(file);
}

iframeAsgntDoc.getElementById(divIdName).click();
document.getElementById(”txtAssignment”+i).value=iframeAsgntDoc.frmAssignmentPlan.elements[i].value;
………………………………………………………………………
…………………………………in My.jsp………………………….

……………………………………………………………………………
…………………………..assignmentUpload.jsp…………………..

…………………………………………………………………
the .click() method does work in IE but not in Mozilla Firefox and other browser

Thanx in advance…………………….
please help me immediately……….

May 31, 2010: 3:35 pm

Upload here!


nitin

David
January 5, 2010: 3:05 pm

Tried this on my production box and it works great. Now, before I deploy to live site, I’d like to be able to filter the files before they’re uploaded to exclude executable files (.exe’s for example). How can I use this extension but restrict file type to .doc or .xls file types?

December 8, 2009: 2:45 am

Thank you too, this is wonderful!


bharat
YOUR VIEW POINT
NAME : (REQUIRED)
MAIL : (REQUIRED)
will not be displayed
WEBSITE : (OPTIONAL)
YOUR
COMMENT :