javascript - jQuery 放置要上传的文件

Question

我想用拖放文件上传文件 我知道 $.ajax 是不可能的 这里 这是我的代码

$('.eCover').on(
    'dragover',
    function(e) {
        e.preventDefault();
        e.stopPropagation();
    }
)
$('.eCover').on(
    'dragenter',
    function(e) {
        e.preventDefault();
        e.stopPropagation();
    }
)
$('.eCover').on(
    'drop',
    function(e){
        if(e.originalEvent.dataTransfer){
            if(e.originalEvent.dataTransfer.files.length) {
                e.preventDefault();
                e.stopPropagation();
                /*UPLOAD FILES HERE*/
                upload(e.originalEvent.dataTransfer.files);
            }   
        }
    }
);
function upload(files){
    $.ajax({
        type: "post",
        url: "upload.php",
        data: {data:files},
        dataType: "json",
        cache:false,
        success:function(data){
            alert(data);
            return false;
        }
    })
}

我无法使用ajax发送数据文件，我该怎么办？ 我想通过代码而不是插件来尝试 谢谢

Answer 1

您可以使用XMLHttpRequest对象使用FormData上传

function upload(myfile) {
        var fd = new FormData();
        fd.append("fileToUpload", myfile);
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "upload.php");
        xhr.send(fd);
}

取自 this tutorial