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
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
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:
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.
39 responses to “JavaScript Tutorials: AJAX File Upload with Progress Indicator (Part 1/5)”
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.
Jacek, hes got a youtube channel called betterphp
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
What is the guys name in the video?
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!!! 😀
can i have the link for the playlist…please
Adding display:block;