36

マルチパートリクエストをサーバーに送信しようとしていますが、次の例外が発生しますHTTPステータス500-リクエストの処理に失敗しました。ネストされた例外はorg.springframework.web.multipart.MultipartExceptionです：現在のリクエストはマルチパートリクエストではありません

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-body">
        <form id="imageuploadForm" action="<c:url value="/members/profileimageupload" />" method="POST" enctype="multipart/form-data">
            <div style="width:40%; float:left">
                <div class="fileupload fileupload-new" data-provides="fileupload">
                    <div class="fileupload-preview thumbnail" style="width: 200px; height: 150px;"></div>
                    <div>
                        <span class="btn btn-file">
                            <span class="fileupload-new">Select image</span>
                            <span class="fileupload-exists">Change</span>
                            <input id="imageFile" name="imageFile" type="file" />
                        </span>
                        <a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
                    </div>
                </div>
            </div>
            <div style="width:40%; float:right" >
                <div class="progress">
                    <div class="bar" style="width: 60%;"></div>
                </div>
            </div>
        </form>
    </div>
    <div class="modal-footer">
       <button class="btn btn-success" id="submit">Upload</button>
       <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" >Close</button>
    </div>
 </div>

リクエストを送信している私のajax呼び出し。

$(function() {
    //twitter bootstrap script
    $("button#submit").click(function(){
        var $form = $("#imageuploadForm");
        var type = $form.attr('method');
        var url =  $form.attr('action');
        $.ajax({
            type: $form.attr('method'),
            url: $form.attr('action'),
            data: $form.serialize(),

            success: function(msg){
                $("#form-content").modal('hide');
            },

            error: function(){
            }
        });
    });
});

リクエストを処理する必要がある私のコントローラー

@RequestMapping(value="/profileimageupload",method= RequestMethod.POST)
    public void uploadProfileImage(@RequestParam(value="imageFile") final MultipartFile file) throws NumberFormatException, IOException{
    ////
}

マルチパートファイル用に次のWeb構成がありました

@Configuration
@EnableWebMvc
public class WebConfig extends WebMvcConfigurerAdapter {

    /**
    * Supports FileUploads.
    */
    @Bean
    public MultipartResolver multipartResolver() {
        CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver();
        multipartResolver.setMaxUploadSize(500000000);
        return multipartResolver;
    }
}
4

3 に答える 3

31

Spring-Servlet.xmlにCommonsMultipartResolverを追加したかどうかを確認します。

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

次に、enctype をフォームの multipart/form-dataに追加します

<form id="fileupload" method="post" enctype="multipart/form-data">

最後にコントローラーで、Request > MultipartHttpServletRequest

 @RequestMapping(value = "/profileimageupload", method = RequestMethod.POST)
public ModelAndView uploadProfileImage(MultipartHttpServletRequest request) {}

依存関係

  1. commons-fileupload.jar
  2. commons-io.jar
于 2014-07-28T06:19:32.527 に答える
12

" headers "で再試行してください:

@RequestMapping(value = "/profileimageupload", headers = "content-type=multipart/*", method = RequestMethod.POST)

およびajax呼び出しは次のとおりです:ファイルを非同期にアップロードするにはどうすればよいですか?

これがお役に立てば幸いです。

于 2013-08-17T19:29:42.433 に答える
-1

タグフォームの形式が適切ではないようで、

'action="<c:url value="/members/profileimageupload" />"'

は無視されています。次のように書いてみて、動作するかどうかを確認してください。

action="<c:url value='/members/profileimageupload' />"
于 2013-02-21T17:13:32.190 に答える