拖放动画GIF并预览它们

Question

我试图创建一个框，我可以将动画gif拖到页面上，然后在它下面的表单框中添加标签，以便我可以通过POST将它们通过AJAX发送到服务器。我还在学习javascript，但是我已经错过了某个地方这里是我正在摆弄的代码，当盒子上放下一些东西以便在持有者div中显示它时进行预览：

acceptedTypes = {
  'image/gif': true
},

function previewfile(file) {
     if ( acceptedTypes[file.type] === true) {
     var reader = new FileReader();
   reader.onload = function (event) {
  var image = new Image();
  image.src = event.target.result;
  image.width = 250; // a fake resize
  holder.appendChild(image);
};

这是一个JSFiddle I＆＃39; JSStruggling with http://jsfiddle.net/fightfirewithfire/mkLp6/1/