1,105,633 Community Members

HTML 5 drag and drop upload

Member Avatar
Thyvo
Newbie Poster
6 posts since May 2011
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

Hello,
First of all, don't kill if I posted this in the wrong section.

I'm trying to find a decent tutorial for the HTML 5 drag and drop upload.
I have allready searched hours before but could'nt find a decent tutorial.

Basicly what I want is a drag and drop box (a div as example) if I drop it there, the same happens if I selected a file in a normal <input type="file" /> and pressed submit so it goes to a new page where I can process this with my php.

can you guys please help me, I'm have been looking for a long time for this

Grtz Thyvo

Member Avatar
cuonic
Junior Poster in Training
65 posts since Mar 2011
Reputation Points: 8 [?]
Q&As Helped to Solve: 11 [?]
Skill Endorsements: 0 [?]
 
0
 

Seriously, you've been searching for hours ?

Google -> html 5 drag drop upload

http://www.thebuzzmedia.com/html5-drag-and-drop-and-file-api-tutorial/

Member Avatar
Thyvo
Newbie Poster
6 posts since May 2011
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

tryed, diden't work :/

Member Avatar
almostbob
Nearly a Senior Poster
3,398 posts since Jan 2009
Reputation Points: 515 [?]
Q&As Helped to Solve: 426 [?]
Skill Endorsements: 14 [?]
 
0
 

browser?

Member Avatar
cuonic
Junior Poster in Training
65 posts since Mar 2011
Reputation Points: 8 [?]
Q&As Helped to Solve: 11 [?]
Skill Endorsements: 0 [?]
 
0
 

Yeah thats all I can think of... Ensure you have a HTML 5 Capable Browser, like Firefox 4, Google Chrome etc...

Member Avatar
almostbob
Nearly a Senior Poster
3,398 posts since Jan 2009
Reputation Points: 515 [?]
Q&As Helped to Solve: 426 [?]
Skill Endorsements: 14 [?]
 
0
 

and when you program anything in html5
>75% of users will not be able to access it, provide a html4/xHtml compatible alternate method

Member Avatar
Thyvo
Newbie Poster
6 posts since May 2011
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

Firefox 3.6, IE9, Chrome, Opera, Safari, they all suport it
and if you have a browser not suporting it, I have a alternitive normal upload system but I just want to have this on my site.

You
This article has been dead for over three months: Start a new discussion instead
Post:
Start New Discussion
View similar articles that have also been tagged: