Как отправить файл из JavaScript в веб-сервис Java

у меня есть приложение HTML5, используя Cordova, которое вы можете загружать файлы (изображения и видео) с вашего устройства. И я должен отправить этот файл, загруженный пользователем, на веб-сервис Java, а затем загрузить его на сервер.

мне нужна помощь, потому что я не могу достичь того, чего хочу. Я пробую несколько решений, найденных в интернете, но безуспешно.

WeService возвращает следующий исключение:

[org.apache.tomcat.util.http.fileupload.FileUploadBase$InvalidContentTypeException: the request doesn't contain a multipart/form-data or multipart/mixed stream, content type header is null]

Это мой код прямо сейчас:

HTML-код:

<section id="uploadMedia">
    <input type="file" name="fileMedia" id="fileMedia" >
</section>

JS:

var file = $("#uploadMedia").find("#fileMedia")[0].files[0];
if (typeof file !== "undefined") {
    uploadFile(file);
}

 var uploadFile = function(file, callback) {
        // Create a new FormData object
        var formData = new FormData();
        formData.append('file', file);

            $.ajax({
                url: WEBSERVICE_URL + "uploadFile",
                beforeSend: function(xhr) {
                    if (WEBSERVICE_USER !== "") {
                        xhr.setRequestHeader("Authorization", "Basic " + btoa(WEBSERVICE_USER + ":" + WEBSERVICE_PASS));
                    }
                },
                data: formData,
                method: "POST",
                processData: false, // tell jQuery not to process the data
                contentType: false, // tell jQuery not to set contentType
                success: function(data, textStatus, jqXHR) {
                    alert(data);
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    alert("ERROR");
                },
                complete: function(jqXHR, textStatus) {
                    if (typeof callback === "function") {
                        callback();
                    }
                }
            });
    };

JAVA:

@MultipartConfig
@WebServlet(name = "uploadFile", urlPatterns = {"/uploadFile"})
public class UploadFile extends HttpServlet {

    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        response.setContentType("application/json;charset=UTF-8");
        try (PrintWriter out = response.getWriter()) {
            String json = "";

            Part file = request.getPart("file");
            String filename = "xcvxcv";
            InputStream filecontent = file.getInputStream();

            json = "File " + filename + " successfully uploaded";
            out.print(json);                
        }
    }
}

Я очень ценю любую помощь.

1 ответов


наконец-то я получил решение несколько дней назад. Итак, я отвечу на свой вопрос для того, кто хочет знать.

JS:

var file = $("#file").files[0]; //this is the input where I can choose the file
var formData = new FormData();
formData.append('file', file);

var xhr = new XMLHttpRequest();
xhr.open('POST', '/myWebServiceUrl');
xhr.onload = function () {
    //TODO show the progress
};

xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
        //TODO success callback
    }
};

xhr.upload.onprogress = function (event) {
    //TODO show the progress
};

xhr.send(formData);

JAVA:

Part filePart = request.getPart("file");
String fileName = String.valueOf("fileName");
File file = new File("/the/path/" + fileName);
OutStream outFile = new FileOutputStream(file);
InputStream filecontent = filePart.getInputStream();

int read = 0;
byte[] bytes = new byte[1024];
while ((read = filecontent.read(bytes)) != -1) {
    outFile.write(bytes, 0, read);
}

Если вам нужна дополнительная информация, просто спросите. Надеюсь, это вам поможет!!