我正在尝试使用扩展HttpServlet的servlet从jsp页面上传一个csv文件。在jsp页面中,我使用的是一个应该调用servlet的ajax。
这是ajax部分:
$(function() {
$(".upldBtn").click(function() {
alert("Upload button pushed");
$.ajax({
type: "POST",
url: contextPath + servletPath,
data: "action=get&custIdList=" + $('#custIdList').val(),
async: false,
dataType: "text/csv; charset=utf-8",
success: function(data){
alert("success");
}
});
});
还声明了contextPath和servletPath,我没有在这里指定它们。
在jsp页面中,我在表格中有这个表格:
<form method="post" action="CSRUploadListServlet" enctype="multipart/form-data">
<input type="file" name="custIdList" id="custIdList" />
<input type="submit" value="Upload" class="upldBtn" />
</form>
在servlet中,我想使用这个doPost方法:
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
String methodName = "doPost";
logger.debug("[{}] call", methodName);
// checks if the request actually contains upload file
if (!ServletFileUpload.isMultipartContent(request)) {
PrintWriter writer = response.getWriter();
writer.println("Request does not contain upload data");
logger.debug("[{}] Request does not contain upload data",
methodName);
writer.flush();
return;
}
// configures upload settings
DiskFileItemFactory factory = new DiskFileItemFactory();
factory.setSizeThreshold(THRESHOLD_SIZE);
factory.setRepository(new File(System.getProperty("java.io.tmpdir")));
logger.debug("[{}] factory= {} ", methodName, factory);
ServletFileUpload upload = new ServletFileUpload(factory);
upload.setFileSizeMax(MAX_FILE_SIZE);
upload.setSizeMax(MAX_REQUEST_SIZE);
logger.debug("[{}] upload= {} ", methodName, upload);
// constructs the directory path to store upload file
String uploadPath = getServletContext().getRealPath("")
+ File.separator + UPLOAD_DIRECTORY;
// creates the directory if it does not exist
File uploadDir = new File(uploadPath);
if (!uploadDir.exists()) {
uploadDir.mkdir();
logger.debug("[{}] upload directory = {} ", methodName,
uploadDir.mkdir());
}
try {
// parses the request's content to extract file data
List formItems = upload.parseRequest(request);
Iterator iter = formItems.iterator();
// iterates over form's fields
while (iter.hasNext()) {
FileItem item = (FileItem) iter.next();
// processes only fields that are not form fields
if (!item.isFormField()) {
String fileName = new File(item.getName()).getName();
String filePath = uploadPath + File.separator + fileName;
File storeFile = new File(filePath);
// saves the file on disk
item.write(storeFile);
}
}
request.setAttribute("message",
"Upload has been done successfully!");
logger.debug("[{}] Upload has been done successfully! ", methodName);
} catch (Exception ex) {
request.setAttribute("message",
"There was an error: " + ex.getMessage());
logger.debug("[{}] There was an error: {} ", methodName, ex);
}
getServletContext().getRequestDispatcher(
"/WEB-INF/web/csrCustomerLists/message.jsp").forward(request,
response);
}
所有这些都停留在if (!ServletFileUpload.isMultipartContent(request))
,并返回:'请求不包含上传数据'。
我确信我没有正确地编写ajax,但我似乎无法找出我做错的地方。
感谢。
答案 0 :(得分:4)
开平!尝试以不同的方式放置你的html代码,然后从ajax调用servlet,就像你在那里那样。我认为问题可能在于您正在使用的形式,即重写某些属性或类似的东西。
我建议用iframe加载一个选项,从js代码加载.html代码可以是这样的:
<button id="upldBtn" title="Upload" >Do the upload</button>
<div id="textarea" style="display: none;"></div>
<input type="file" class="file" id="file" name="file" title="Please upload"/>
和javascript代码:
$(function() {
$('#upldBtn').click(function() {
var contextPath = 'your path string';
var servletName = 'your servlet name string';
var iframe = $('<iframe name="postiframe" id="postiframe" style="display: none" />');
$("body").append(iframe);
$("form#yourform").attr('action', contextPath+servletName);
$("form#yourform").attr('enctype', "multipart/form-data");
$("form#yourform").attr("target", "postiframe");
$("form#yourform").attr("file", $('#file').val());
$('yourform').submit(); //upload button
$("#postiframe").load(function () {
iframeContents = $("#postiframe")[0].contentWindow.document.body.innerHTML;
$("#textarea").html(iframeContents);
$.ajax({
type: "GET",
url: contextPath+servletName,
data: "action=download",
async: false,
dataType: "text",
success: function(result) {
//do something
}
});
} });
});
});
告诉我你是否还好。 :) 干杯