te-edu.info blog
te-edu.com » Posts for tag 'multifile upload form'

Ajax multifile upload-mine copied way-part one… No comments yet

Well I am not expert in Javascript but can modify a little so I will give you mine code for Ajax multifile upload. Orginal file made by Michael Estigoy.

I modify some code so it looks like this:

STEP 1. Add path to javascript file in your page header.

<script type=’text/javascript’ language=’javascript’ src=’js/multifile.js’></script>

You can download file in zip file  included on end of this instructions.

STEP 2. Make upload form.

<form enctype=’multipart/form-data’ action=’page where you submit form‘ id=’form’ method=’post’ >

STEP 3. Make input field.

<input type=’file’ id=’file’ onChange=’addFileInput(this);’ />

STEP 4. Multifile field.

<div id=’file_div’  style=’ font-weight: bold; visibility: hidden;overflow:hidden’>
<div id=’file_list’ style=’float:left; width:60%;’ ></div>

you can change CSS code depending of your needs, but do not change all others.

Share/Save/Bookmark

Top of page / Subscribe to new Entries (RSS)