spring ajax文件上传问题

Question

我有一个简单的表单，其中包含上传图像的选项，但要上传文件，我没有使用此方法

<form:input path="logoData" id="image" type="file" />

，而是使用 ajax上传jquery pulgin。 问题是 upload.parseRequest(request) 在以下代码中返回 null ：

@RequestMapping(value = "/upload.htm", method = RequestMethod.POST)
public @ResponseBody String upload(HttpServletRequest request) throws FileUploadException{

    // Create a factory for disk-based file items
    FileItemFactory factory = new DiskFileItemFactory();

    // Create a new file upload handler
    ServletFileUpload upload = new ServletFileUpload(factory);

    // Parse the request
    List<FileItem> items = upload.parseRequest(request);
     System.out.println("====ITEMS====" + items.size());


     System.out.println("----REQUEST---" +request.getParameter("uploadImg"));
        System.out.println("-----SIZE----" +request.getParameterMap().size());
        Map<String, String> map = request.getParameterMap();

        for(Map.Entry<String, String> entry : map.entrySet()){
            System.out.println("----KEY---" + entry.getKey() + "----value---" + entry.getValue());
        }


 // Check that we have a file upload request
    boolean isMultipart = ServletFileUpload.isMultipartContent(request);

    System.out.println("----IS MULTIPART---" +isMultipart);
    return "hello";
}

日志输出为：

====ITEMS====0
----请求---空
-----尺寸----0
----IS MULTIPART---true

我的 javascript 代码是:

new AjaxUpload('#upload', {
action : my_url+ 'methodName/upload.htm',
name : 'uploadImg',
autoSubmit : true,
responseType: 'html',
onChange: function(file, extension){   },   
onSubmit: function(file, extension) {

},
onComplete: function(file, html) {
    alert(file);
    alert(html);

}

});

IS MULTIPART 显示 true，但是如何获取文件名以及如何存储它。我尝试过一个没有 ajax 的示例，并且使用数据类型 CommonsMultipartFile 可以正常工作。 另外，我在 PHP 中使用了 ajaxupload ，我得到的文件名是 $_FILES['image']['name'] 但在 java 中不知道，因为我是 java 新手。 我在这个网站上遵循了类似的问题，但没有成功。

谢谢。

Answer 1

您可以将其缩短。您需要一个多部分解析器：

<bean id="multipartResolver"
    class="org.springframework.web.multipart.commons.CommonsMultipartResolver">

    <!-- one of the properties available; the maximum file size in bytes -->
    <property name="maxUploadSize" value="100000"/>
</bean>

然后：

@Controller
public class FileUpoadController {

    @RequestMapping(value = "/form", method = RequestMethod.POST)
    public String handleFormUpload(@RequestParam("file") MultipartFile file) {

        if (!file.isEmpty()) {
            byte[] bytes = file.getBytes();
            // store the bytes somewhere
           return "redirect:uploadSuccess";
       } else {
           return "redirect:uploadFailure";
       }
    }

}

Answer 2

@RequestMapping(value = "/imageUpload", method = RequestMethod.POST)
public String handleFormUpload(@RequestParam("file") MultipartFile file) {

    if (!file.isEmpty()) {

            System.out.println("File name:"+ file.getOriginalFilename());
            //byte[] bytes = file.getBytes();
            System.out.println("Content type:"+ file.getContentType());
            String [] contentType = file.getContentType().split("/");
            String fileType = contentType[contentType.length-1];
            System.out.println("File type:"+ fileType);
            System.out.println("File size:"+ (file.getSize()/1024) + "KB");

            String path = context.getRealPath( "/resources/images/");
            System.out.println("Path: " + path);



            InputStream inputStream = null;
            OutputStream outputStream = null;
            try {
                inputStream = file.getInputStream();
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            try {
                outputStream = new FileOutputStream(path + file.getOriginalFilename());
            } catch (FileNotFoundException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }

            int readBytes = 0;
            byte[] buffer = new byte[8192];
            try {
                while ((readBytes = inputStream.read(buffer, 0, 8192)) != -1) {
                            outputStream.write(buffer, 0, readBytes);
                }
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
            try {
                outputStream.close();
                inputStream.close();
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }


            // store the bytes somewhere
            return "theme";
    }
    else
        return "uploadError";

}