1

The idea is you drag a icon(of a specific file) from desktop and release on a particular location at the website??? Is it possible to implement (By jquery?)

mary_lee
  • 27
  • 4
  • It's possible. Just look at imgur.com. Might want amend the question to ask specifically. – Preet Sangha Jul 22 '11 at 03:13
  • Thanks. specifically.. , alright 1.Which language can do this trick?? 2.IS that support for different browsers? – mary_lee Jul 22 '11 at 03:14
  • google has also implemented it see the image search http://www.google.com/imghp?hl=en&tab=wi – Rafay Jul 22 '11 at 03:20
  • Possible duplicate of http://stackoverflow.com/questions/1663741/is-there-a-good-jquery-drag-and-drop-file-upload-plugin – Fred Jul 22 '11 at 03:23
  • I don't think it is supported in all web browsers, so I would be tempted to offer both variations. Especially portable browsers – Lea Hayes Jul 22 '11 at 03:24
  • Is it difficult to modify those plugin??? OR perharps diy a similiar one? – mary_lee Jul 22 '11 at 03:34

4 Answers4

1

I strongly recommend you to use PlUpload for doing this task. Because this component based on a lot of plug-in or feature depend on what is plug-in that available in current browser. But it still has some limitation on drag-drop feature.

enter image description here

user229044
  • 232,980
  • 40
  • 330
  • 338
0

The answer: Yes, you can, but it is no simple task. Don't expect a one liner without a plugin.

For more information, how hard is it to google it? Here

A good demo: http://aquantum-demo.appspot.com/file-upload
A plugin: http://plugins.jquery.com/plugin-tags/drag-drop-upload
Another plugin: http://plugins.jquery.com/plugin-tags/drag-and-drop-upload
Another good plugin: http://valums.com/ajax-upload/
And look at this question: Is there a good jQuery Drag-and-drop file upload plugin?

Community
  • 1
  • 1
Fred
  • 4,195
  • 2
  • 29
  • 42
0

one way to do it to use a plugin there are many out there for instance

http://aquantum-demo.appspot.com/file-upload

Rafay
  • 30,950
  • 5
  • 68
  • 101
0

I've used Valum's Ajax Upload...it works great, and has the drag to upload capabilities you are looking for.

To better answer the question you asked in the comment of this answer, if you change that class to the following, boom, you have a full page drop area...

.qq-upload-drop-area {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 70px;
z-index: 2;
background: rgba(155, 155, 155, 0.5);
text-align: center;
bottom: 0;
right: 0;
}
ar3
  • 3,883
  • 3
  • 21
  • 22
  • yeah i have seen the website, really great but , how can the screen go blur and a UPLOAD LOGO at the center just like what imgur does? – mary_lee Jul 22 '11 at 03:27
  • It is fully customizable...for instance you could make the class .qq-upload-drop-area expand the entire screen instead of just the area that it shows by default. – ar3 Jul 22 '11 at 03:33