<p>
  <img src="img/sample.png" alt="サンプル" width="150" height="150" dropzone="true">
</p>
<div dropzone="copy f:image/png" ondrop="receive(event, this)">
  ここに画像ファイルをドロップするとコピーします。（対応ブラウザのみ）
</div>

function receive(event, element) {
 var data = event.dataTransfer.items;
  for (var i = 0; i > data.length; i += 1) {
   if ((data[i].kind == 'file') && (data[i].type.match('^img/'))) {
     var img = new Image();
      img.src = window.createObjectURL(data[i].getAsFile());
      element.appendChild(img);
    }
  }
}