If you want to delete only several of the selected files: you can’t. The File API Working Draft you linked to contains a note: The HTMLInputElement interface [HTML5] has a readonly FileList attribute, […] [emphasis mine] Reading a bit of the HTML 5 Working Draft, I came across the Common input element APIs. It appears … Read more
Check out the recently1 released upload handler from the guys that created the TinyMCE editor. It has a jQuery widget and looks like it has a nice set of features and fallbacks. http://www.plupload.com/
If you don’t need to bind events to the child elements, you can always use the pointer-events property. .child-elements { pointer-events: none; }
You can add a event listener to the window that calls preventDefault() on all dragover and drop events. Example: window.addEventListener(“dragover”,function(e){ e = e || event; e.preventDefault(); },false); window.addEventListener(“drop”,function(e){ e = e || event; e.preventDefault(); },false);
The following works in Chrome and FF, but i’ve yet to find a solution that covers IE10+ as well: // dragover and dragenter events need to have ‘preventDefault’ called // in order for the ‘drop’ event to register. // See: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Drag_operations#droptargets dropContainer.ondragover = dropContainer.ondragenter = function(evt) { evt.preventDefault(); }; dropContainer.ondrop = function(evt) { // pretty … Read more
Some sample code: public partial class Form1 : Form { public Form1() { InitializeComponent(); this.AllowDrop = true; this.DragEnter += new DragEventHandler(Form1_DragEnter); this.DragDrop += new DragEventHandler(Form1_DragDrop); } void Form1_DragEnter(object sender, DragEventArgs e) { if (e.Data.GetDataPresent(DataFormats.FileDrop)) e.Effect = DragDropEffects.Copy; } void Form1_DragDrop(object sender, DragEventArgs e) { string[] files = (string[])e.Data.GetData(DataFormats.FileDrop); foreach (string file in files) Console.WriteLine(file); } … Read more
You just need to keep a reference counter, increment it when you get a dragenter, decrement when you get a dragleave. When the counter is at 0 – remove the class. var counter = 0; $(‘#drop’).bind({ dragenter: function(ev) { ev.preventDefault(); // needed for IE counter++; $(this).addClass(‘red’); }, dragleave: function() { counter–; if (counter === 0) … Read more