te-edu.info blog
te-edu.com » Page 'Ajax multifile upload-mine copied way-part one…'

Ajax multifile upload-mine copied way-part one…

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

Like this post? Spread the word!
delicious digg google
stumbleupon technorati Yahoo!

One comment to “Ajax multifile upload-mine copied way-part one…”


  1. Medicamentspot.com. Canadian Health&Care.Special Internet Prices.Best quality drugs.No prescription online pharmacy. No prescription drugs. Buy pills online

    Buy:Retin-A.Prednisolone.Mega Hoodia.Human Growth Hormone.Nexium.Zovirax.Arimidex.Accutane.Petcam (Metacam) Oral Suspension.Valtrex.Lumigan.Zyban.Actos.100% Pure Okinawan Coral Calcium.Synthroid.Prevacid….

Leave a comment

XHTML - You can use:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Top of page / Subscribe to new Entries (RSS)