Javascript 拖放&x2B；输入文件

我正在根据本文构建一个HTML5图像上传程序：

问题是，我想为用户提供拖放和输入文件这两个选项。在这篇文章中，他解释了如何只使用其中一种。我已经注意到区别是

var files = evt.target.files;        // Input file
var files = evt.dataTransfer.files;  // Drag and Drop

你知道如何让这两种方法协同工作吗

---

谢谢大家。

没有什么能阻止你们在页面中同时包含这两个内容。它们需要单独的元素和事件监听器您是否尝试同时包含这两个元素？我刚刚尝试了evt.target.dataTransfer.files；我还试图重复函数的一部分。这两种方法都不起作用。在留下反馈后，我放弃了这个解决方案，现在我用Dropzone JS（）代替。是一个很好的插件。