Ok here is my problem.
I need to be able to have a user drag multiple images from the locate file system onto the flash/flex/html5 app which will then taker the file name details and contact the server.
Upon server response then upload the file ( assuming server validation passed ).
I know this can be done in Java but that is not an option.
Please do not suggest the FileReference.browse function as the retouchers are to stupid(no joke here) to use this and it has to be drag and drop.
This has to work with all current versions of the popular browsers( Chrome,FireFox,IE,Safari)
What it comes down to is I want to put an image up on the web page stating drop here and allow them to upload the file(s) by dropping on it.
Also this has to be a web interface I do not want to install a plugin or a downloaded Air app.(they are to stupid for all this)
Is this possible with flash/flex/html5? or any combination of them
- 6,364
- 4
- 23
- 34
-
You mean something like this? http://imgur.com/blog/2010/12/08/drag-and-dropload/. Not sure if its possible in all browsers thogh – Eric Herlitz Jul 18 '11 at 20:39
-
You can't upload a file via drag and drop using a browser w/o some form of plugin to handle it. It can't be done w/ Flash. – JeffryHouser Jul 18 '11 at 20:45
-
@www.Flextras.com how about html5? – The_asMan Jul 18 '11 at 21:15
-
@Trikks That seems to be a plugin and only seems to be good for FF and Chrome :( – The_asMan Jul 18 '11 at 21:19
-
@The_asMan What features in HTML5 do you think would enable this? – JeffryHouser Jul 19 '11 at 00:20
-
2@www.Flextras.com I have no idea lol. Is why I am asking – The_asMan Jul 19 '11 at 17:36
-
1for now only FF5 and Chrome has this abillity to drag and drop: http://www.google.com/imghp?hl=en&tab=wi – Jevgenij Dmitrijev Jul 22 '11 at 15:14
-
saw this once - but it was a java applet. sadly not possible with flash :( – Philipp Kyeck Jul 26 '11 at 14:22
3 Answers
Not possible with a web app in flash/flex - but you can do it inside air. It's basically a security issue.
As far as HTML5 - Only Firefox and Chrome currently support HTML5 native drag and drop events that I'm aware (Chrome would include some other webkit variants like safari)
- 2,881
- 1
- 14
- 14
Try this http://www.plupload.com/ It include all kinds of uploaded flash,silver light, gear, html 5 and html4.
As other people mention that drag and drop will not work for all browser. Limitation listed below.
- Drag/drop support of files is currently only available in Firefox 3.5+. WebKit/Opera doesn't support this feature yet.
- Image resizing is only possible on Firefox 3.5+ and only at a fixed quality. WebKit/Opera doesn't support direct data access to the selected files.
- File type filtering is currently not supported by any browser. But we fill the HTML 5 accept attribute so once the support is there it will work.
- Multipart upload is only supported in Gecko based browsers. WebKit doesn't support direct access to file data.
If you are interseted in Applet try this.. http://jumploader.com/ Both control allow you to resize on client ( I know you haven't requested that)
- 1,969
- 1
- 18
- 32
-
100 bucks for jumploader :( sad it might have been usable from the looks of it. Thanks anyway – The_asMan Jul 28 '11 at 15:51
-
That is only for no logo version but if you are fine with jumploader logo then its free – Pritesh Patel Jul 29 '11 at 04:09
-
1True but I still need the source($400) to configure file validation via server response before upload. :( – The_asMan Jul 29 '11 at 15:50
For HTML5, see this great tutorial (browser coverage included): http://www.thebuzzmedia.com/html5-drag-and-drop-and-file-api-tutorial
- 21,755
- 5
- 88
- 103