html5 拖拽上传,通过e.dataTransfer.files,拿到的file一直为null

 <script type="text/javascript" charset="utf-8">
        //文件上传
        jQuery(function ($) {
            var uploadFile = function (file) {
                var element = $("<div />");
                element.text(file.fileName);

                var bar = $("<div />");
                element.append(bar);
                $("#progress").append(element);
                var onProgress = function (e) {
                    var per = Math.round((e.position / e.total) * 100);
                    bar.progressbar({ value: per });
                };
                var onSuccess = function () {
                    element.text("Complete");
                    element.delay(1000).fade();
                };

                $.upload("/Images/uploads", file, { upload: { progress: onProgress }, success: onSuccess });
            };

            // 创建拖拽目标区域
            window.addEventListener("load", function () {
                var element = document.getElementById("drop");

                element.addEventListener("dragenter", function (e) {
                    e.stopPropagation();
                    e.preventDefault();
                });

                element.addEventListener("dragover", function (e) {
                    e.dataTransfer.dropEffect = "copy";
                    e.stopPropagation();
                    e.preventDefault();
                });

                element.addEventListener("drop", function (e) {
                       var file = e.dataTransfer.files;   
                    for (var i = 0; i < file.length; i++)
                        alert("Drop " + file[i].name.toString());
                    uploadFile(file[i]);
                    return false;
                });
                document.body.addEventListener("dragover", function (e) {
                    e.stopPropagation();
                    e.preventDefault();
                    return false;
                });
            });
                   });

    </script>

应该是这样吧 var file = e.dataTransfer.files[0];

在对drop做监听的时候应该是这样的:
[].forEach.call(e.dataTransfer.files, function (file) {
alert("file=" + file);
},false));
用[].forEach.call([],function (file){},false/true)循环遍历数组的方法得到文件!
论坛新人,若有帮助请多给点积分!!!谢谢啦

直接用原生js,jquery估计有什么改动导致访问不到

document.getElementById().addEventListener(function(e){e.dataTransfer;});

e.originalEvent.dataTransfer.files