JQuery :: How To Upload A File Using Drag And Drop From Windows To Browser
Mar 4, 2011
I would like to ask we select a file in our system and drag that file into browser, drop that file into particular location of the browser at that time the file is to upload.
We're investigating if it's possible to have the following: A webpage with multiple 'folders' to which a user can drag & drop a files. It's meant to be used as an interface to upload scanned documents to an archive. For example, we would have page that states: 'Quotes', 'Invoices' & 'Misc'. Depending on the sort of document the user would drag & drop the file from the local file system to one of these three folders. It should then upload the file to the correct folder on the web server
How can I do Gmail like drag and drop attachment upload with asp.net and jQuery? If that's not possible with current HTML version or the platforms I mentioned do we have any other alternative?
I'm developing a web app (.NET 3.5 + C#) and i would like it to have a drag 'n drop file upload feature. But i have absolutely no idea on how to do such thing :-/
Can anyone tell me were to start? Some tutorial, some AJAX control, etc...
I've seen many articles about dragging files INTO a browser, but none about dragging files FROM the browser to a windows application or the desktop/windows-explorer.
I'm looking for a cross-browser solution but IE8 is our main browser. If I create a link in a web page and then drag that link from the page into Microsoft Word, it inserts a link. However, if that link is pointing at a PDF document, I would like it to embed the PDF doc inside the Word doc, as if I'd dragged it from Windows Explorer, into MS Word. Is that possible?
I've even tried pointing the link at an ASP page which returns "application/pdf" data but I still just get a link in my word doc so I suspect that links are the wrong way to go.
I am using AjaxContrToolKit (AjaxControlToolkit.Compat.DragDrop.DragDropScripts.js) in my application to provide the drag and drop facility . After implementing the same in the application , observed that working fine in IE and Firefox browser . But the same is not working in Safari and WebKit (Chrome and Safari) browser . In these browsers(both Safari and Webkit), while clicking on the top of the panel getting scrolled up .
I have a link button in a repeater control. the li element is drag and droppable using jquery. when the page loads the the link button works perfectly, the jquery that is attached and the server side code both execute. when I perform a drag and drop then click on the link button it doesnt not fire. when i click it a second time it does fire. If i perform 2 or drag and drops in a row the link button doesnt fire a as many drag adn drops as i before it will fire. for example if if perform 3 drag and drops then it will take about 3 click before the events are fired.
My scenario is to drag an item from a repeater/datalist to another repeater(preview repeater). The preview repeater already contains some icons in some positon(for eg. in 1st and 4th items). I need to insert the icon to empty positions(2nd, 3rd and 5th items) in preview repeater.
For our next project (a small app in ASP.NET/C#) we have to create drag and drop zones in the UI so that components/widgets can be dragged and dropped and layouts can be changed dynamically (for example, the user should be able to switch between two-column to a three-column layout from the front end). After doing some searching, I got to know that there are two approaches: Use Web parts and Content-zones. Using jQuery.
I also learnt that jQuery approach is preffered, but I would like to know how can I create such zones in my application and also save these zones per user (in the D so that when the new request comes for that user their preferred layout is displayed? I basically want to know if there are some tutorials on creating persistable drag and drop zones using jQuery.
My requirement is to get the file size in client side. there is no problem in FF but in IE you can't do that unless u r using an activeX object. So we thought of putting it in browser cache and reading the file size from there and when we post it to the server we will be taking it from the cache and send it to the server.
his function takes an li element and adds it to another ul element. After this code is fired the jquery events attached to the children spans of the li element do not fire the first time they are clicked.
I want to perform drag and drop operation on video file ,in which i want to make video carosual for all video and drag the video to the main player and play on main player.
I want to make content switch say there are 3 items.. Item 1, Item2, Item3 in datalist and if i drag Item 1 to item 3, the content will interchange..."item 3" will go to "item 1" and "item 1" to "item 3" What code do i write in drop function. Here is my code. Is this even possible?
I need to develope interface something like IGoogle with drag and drop of boxes in ASP.Net 2.0. The interface should support cross browser compatibility.
I require a drag and drop functionality between a ASP.NET grid view and a details view. I used jQuery draggable and droppable functionality to drag a row from gridview based on css class and added it to a second grid view. But now I want to drag single row of grid view and manipulate its contents to display it in details view. I have pasted my existing jQuery script that allows me to drag a column from one gridview and paste it to another of the same structure,
I have a linkbutton whose onclick method does not fire after a jquery drag and drop, the onlclientclick does work. Y would the server side code not work only after a jquery drag and drop?
I have 2two gridview .If i have load same data from two gridvie after that i drap and drop one ID one grid to another grid that time ID same means it will show alert match or it will show not match alert using jquery.