拖放jQuery Ajax上传-Java 学习之路

我需要上传通过拖放添加的文件，为此我需要使用jquery和Ajax . 我有一个表单，用户可以通过浏览按钮选择文件，但用户应该能够通过拖放添加文件 . 我不想使用插件 .

用于拖放的Javascript工作，但我不知道现在如何实际上传文件（使用FileReader？） . 这是获取删除文件的函数（删除了验证代码） .

function handleFileSelect(e) {
    e.stopPropagation();
    e.preventDefault();

    var files = e.dataTransfer.files;

    for(var i = 0, f; f = files[i]; i++) {
        //i display the file name and do validation here
    }
}

我希望能够从这里使用jQuery的 .ajax 上传文件 . 这可能吗？

2 回答

使用FormData通过ajax上传文件 .

var data = new FormData();  
...
data.append('file', files[i]);    
...
$.ajax({..., data: data, contentType: false, processData: false, type: 'POST', ...});

回复于 2024-04-25T00:47:23+08:00

1

这是一个如何阅读客户端文件的教程：

Drag and Drop

以下是有关如何上传文件的示例 .

html5-file-upload-jquery-php

回复于 2024-04-25T00:47:23+08:00

拖放jQuery Ajax上传

2 回答

相关问题