jquery - jquery拖放上传无需实际上传

Question

我正在寻找一个 JQuery 插件，它允许我将文件拖到 div 或其他东西中，然后将文件名发送到我的后端应用程序（java）。

我发现的大多数插件都会上传文件，但我想要电影文件的文件名（大小为 4GB+），所以上传部分不是一个想要的功能。

回顾一下：在 html 页面上上传 div，用户可以在其中放置电影文件（mkv 或 avi），然后插件将放置的文件的文件名发送到我的 java 后端。

Answer 1

你不需要插件。这是一个快速脚本，它将获取拖入 div 的文件的名称：

http://jsfiddle.net/yfTfR/

$(document).ready(function () {

    $('#dropper').on('dragover', function (e) {
        e.preventDefault();
        e.stopPropagation();
    })

    $('#dropper').on('dragenter', function (e) {
        e.preventDefault();
        e.stopPropagation();
    })

    $('#dropper').on('drop', function (e) {
        e.preventDefault();

        var files = e.originalEvent.dataTransfer.files;
        for (i = 0; i < files.length; i++) {
            $('#fileList').append('<ul>' + files[i].name + '</ul>');
            // use ajax to send the filenames off to your server here
        }
    });
});