如何将文件从JavaScript发送到WebService
如何将文件从JavaScript发送到WebService
提问于 2015-11-10 21:36:41
我有一个HTML5应用程序，使用科尔多瓦，你可以从你的设备上传文件(图像和视频)。我必须将用户上传的这个文件发送到Java WebService，然后再将其上传到服务器。
我需要帮助，因为我不能实现我想要的。我尝试了在互联网上找到的几种解决方案，但都没有成功。
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
Stack Overflow用户
回答已采纳
发布于 2015-11-13 18:18:58
几天前，我终于有了一个解决方案。所以，我将为想知道的人回答我的问题。
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);
}如果你想要更多的信息，尽管问。我希望这对你有帮助！！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33631293
复制相关文章
相似问题