'; } } if (types[i] == 'text/uri-list') { imgPassed = event.dataTransfer.getData('text/uri-list'); } } if (imgPassed) { var cEl = document.createElement('canvas'); cEl.width = 200; cEl.height = 100; var ctx = cEl.getContext('2d'); var img_buffer = document.createElement('img'); img_buffer.src = imgPassed; img_buffer.style.display = 'none'; document.body.appendChild(img_buffer); // this line only needed in safari img_buffer.onload = function() { ctx.drawImage(img_buffer,0,0,100,100); } this.appendChild(cEl); } else { if (event.dataTransfer.getData('text')) { this.innerHTML = event.dataTransfer.getData('text'); } else if (event.dataTransfer.getData('text/plain')) { this.innerHTML = event.dataTransfer.getData('text/plain'); } } return false; }, false); })();
Drop in images from your desktop