Question

的Bonjour，

我需要将一个Image从<input type="file">元素发送到servlet。目前正在使用ajax

var files;
$("input[type='file']").on("change",function(e) {
        files = e.target.files;
        $("#Submit-Button").prop({"disabled":false});
});

$("#Submit-Button").on("click", function(){

        var data = new FormData();
        $.each(files, function(key, value){
            data.append(key, value);
        });

        $.ajax({
            url: "UploadServlet",
            type : "POST",
            data: data,
            cache: false,
            dataType: JSON,
            processData : false,
            contentType: false,
            success: function(data, textStatus, jqXHR){
                //SUCCESS
            },
            error: function(jqXHR, textStatus, errorThrown){
                    //ERROR
            }
        });
    })
});

这是有效的，我的servlet正在接收文件。

但是我想向servlet发送一些额外的信息。

我试过（在js ajax方法中）

data : {data: data, userID : userID, username: username},

和（在java servlet中）

String Filename = request.getParameter("uid") + request.getParameter("username")+".png";
Collection<Part> Parts = request.getParts();

显然不起作用。

现在我无法想出能解决我问题的任何事情。

Answer 1

添加文件的方式与添加任何其他数据的方式相同。

...
data.append('userID', userID);
data.append('username', username);
...
    $.ajax({
...
        data: data,
...
    });

FormData.append

使用AJAX将图像和附加信息发送到Servlet

1 个答案: