JavaScript Tutorials: AJAX File Upload with Progress Indicator (Part 1/5)

Haitien Education at Germ-Men....=GERM-CARRIER =jquery fleupload or Porteur De BACILLES.. Happy Birthday marriage 18 May.. Here's MEN Bolt lost but GOD Please No BOWL Food Agriculture ..Avan MOUIN Mouri Fret1,Fret2 Bigarette..etc de Fretta PAS encore Developer Min CI Plein CHATS NAN Morne NAN Voleur's strangers .Frettas Manger an AGO Frettas Mont-Rouis....Base School Education Out Alphabet et Illetre POU Monter Prouder School Spiritual LA 1952...Thank You Spirits Francois Duvalier...

It dont show me the Array in the Browser, and i have exactly the same code as you...

Where can i download the source code? i Dont find anything in the link of the discription...

What a great tutorial, I always trust phpAcademy for easy to follow and informative tutorials, great work!

Jacek, I was browsing your channel and wondering where you went ... Now I know ...

i mean the series for beginners, just like his php tutorial

jQ is a library, not a language in itself (as it can seem via their calls). It utilizes JS. So if you have a js doc, you can use both concurrently.

var foo = "bar"; is js for beginners.

is this javascript for beginners?

Simply brilliant! Thank you very much for posting this.

I bought the source code from the phpacademy website. I tried it and it still didn't work for me... you can read the details of this video and it has a link that will can take you to the webpage where you can purchase the source code. Good luck

no just the person that uploads them right after they uploaded the files

Hi the code is not working for me. I even downloaded your code. No luck. I am on a godaddy vps server. Could it be my php version. I have the latest version of chrome. It uploads the files but I do not see any progress percentage displayed into the upload_progress div.

it's not ajax. At least this video is not. When you press submit the page Reloads. You can even see that the input field where you select files refreshes. If there were any other forms on the page containing user input they would be cleared aswell. It's just usual file upload

to view a formatted array without going to the source, you can wrap the array in pre tags which will do it for you

How can I do the same thing using ASP.NET and C#?

Hi! I maked this script. In the upload.php, you echo the uploaded image's link in a div id uploaded. Can i echo the image,not a link, in a thumb size?

Can i use this without PHP?

how do I specify the destination of the files? i want to integrate this with CI and I don't know where exactly did you set the destination of the file being uploaded,, thank you

Any drag-drop upload tutorial?? Plz

I am not sure but it looks like he use Linux Ubuntu, I use Ubuntu at my work ^^

What is the name of the font used in his OS? I want to install it for Windows!

Putting "this is what we'll be creating" up front shows you know design. Kudos!

What version of Ubuntu are you using? 12.04?

Lol. Thats the feeling you get for so many of these tutorials..like... everything is going to be alright now!

very useful video.

I haven't seen the other videos form the series, but right off the bat i notice a security issue when you are using move_uploaded_file(). You type "files/{$name}", if i named my file something like "../001.jpg" it would be uploaded in the main folder and not in the files folder. To prevent this use the basename() function: sprintf('files/%s', basename($name))

@phpacademy, what screen recorder program for ubuntu you used for this video? İ see that this video recorded in HD very well. Which program?

should i use linux too ?

Is that Linux?

it supports Oprah, nice :))

02:06, like he said internet explorer is no go, it does not work in IE because of the HTML5 File API is not implemented in IE 9. Meaning, this is useless for now if this is a public site that is used by multiple unknown users. Of course, who to blame? Microsoft. Instead I would use iframe trick to upload by AJAX, if it's a intranet application or your site is disabled for IE users I would defiantly use the HTML5 File API.

Pls we need the jQuery of this same tutorial...

i find it easy if this is jquery hehehe

can i convert this to jquery????????

THANK YOU SO MUCH YOU FINALLY ANSWERED MY REQUEST!!! :D

can i have the link for the playlist...please

Adding display:block;

@phpacademy I need some help. I used in css "margin:0 auto;" but it dosent work. it dosent get centered. well in firefox / chrome it does but I want it to be compadeble with IExplorer since it,s my favorite (yes I know it sucks) btw that for some great vids :D plz rate yp so he can see!

i want who share code for me, please

Alex thank you very much and betterphp ....thanks alot....THANKS ALOT...!!!

Oh my god, you dont know how AMAZING THIS IS! THANK YOU SO MUCH!

question Alex, how do I set it up where it shows my file extensions? I can't find that anywhere. I'm running Linux Mint 13 Cinnamon Edition

I love how he's running linux now xD I just switched over to linux too

why not HTML5?

Good explanation =). Lets see the next video >>

The newest version i think 12.04

what if file names are same ?

Can you tell me what Ubuntu version is this?