多くの入力+アップロードを伴う春のブートフォーム

Question

私は、私のEコマースアプリでSpring Bootでフォームを持っています。それはうまくいく。 私のコントローラ部は、次のようになります。

@RequestMapping(value = "/admin/add",method = RequestMethod.POST) 
public String adminAddProductSubmit(@ModelAttribute(value = "product") Product product){ 
    productServiceJpa.addProduct(product); 
    return "/admin/added"; 
} 

今、私がアップロード画像をアップロード入力を追加したいです。問題があります。

@RequestMapping(value = "/admin/add",method = RequestMethod.POST) 
public String adminAddProductSubmit(final @ModelAttribute(value = "product") Product product, final @RequestAttribute(value = "image") MultipartFile uploadingFile){ 
    File file = new File(uploadingdir + uploadingFile.getOriginalFilename()); 

    try { 
     uploadingFile.transferTo(file); 
    } catch (IOException e) { 
     e.printStackTrace(); 
    } 
    productServiceJpa.addProduct(product); 
} 

残念ながら、それは動作しません： 私はこれを試してみました。

マイ形式：

<form th:action="@{/admin/add}" th:object="${product}" class="form-horizontal" method="post" enctype="multipart/form-data"> 
    <h2>Nazwa przedmiotu</h2> 
    <div class="form-group"> 
     <label for="title" class="col-sm-3 control-label">Tytuł</label> 
     <div class="col-sm-9"> 
      <input type="text" th:field="*{title}" class="form-control" /> 

     </div> 
    </div> 
    <div class="form-group"> 
     <label for="category" class="col-sm-3 control-label">Kategoria</label> 
     <div class="col-sm-9"> 
      <input type="text" th:field="*{category}" class="form-control" /> 

     </div> 
    </div> 
    <div class="form-group"> 
     <label for="amount" class="col-sm-3 control-label">Ilość</label> 
     <div class="col-sm-9"> 
      <input type="text" th:field="*{amount}" class="form-control" /> 

     </div> 
    </div> 

    <div class="form-group"> 
     <label for="shortDesc" class="col-sm-3 control-label">Krótki opis</label> 
     <div class="col-sm-9"> 
      <input type="text" th:field="*{shortDesc}" class="form-control" /> 

     </div> 
    </div> 
    <div class="form-group"> 
     <label for="description" class="col-sm-3 control-label">Opis</label> 
     <div class="col-sm-9"> 
      <input type="text" th:field="*{description}" class="form-control" /> 

     </div> 
    </div> 

    <div class="form-group"> 
     <label for="price" class="col-sm-3 control-label">Cena</label> 
     <div class="col-sm-9"> 
      <input type="text" th:field="*{price}" class="form-control" /> 

     </div> 
    </div> 

    <div class="form-group"> 
     <label for="image" class="col-sm-3 control-label"> 
      <div class="col-sm-9"> 
       <input type="file" th:field="*{image}" class="custom-file-input"/> 

       <span class="custom-file-control"></span> 
      </div> 
     </label> 
    </div> 
    <input type="submit" class="btn btn-info" value="Dodaj"/> 
</form> 

あなたはどのように私は私のオブジェクトを送信し、@ModelAttributeでそれを得ることができ、私に教えて、ファイル入力からファイルを取得することはできますか？

多くのチュートリアルfEはSpringブートのドキュメントにありますが、アップロードフォームのみがあります。私は多くのテキスト入力とファイル入力を持つフォームを持っています。

Answer 1

Productパラメータに@Valid注釈を追加する必要があります。次のパラメータはBindingResultである必要があります。だからあなたの方法は次のようになります。

@RequestMapping(value = "/admin/add",method = RequestMethod.POST) 
public String adminAddProductSubmit(final @ModelAttribute(value = "product") @Valid Product product, BindingResult bindingResult, final @RequestParam(value = "image") MultipartFile uploadingFile){ 
    File file = new File(uploadingdir + uploadingFile.getOriginalFilename()); 

    try { 
     uploadingFile.transferTo(file); 
    } catch (IOException e) { 
     e.printStackTrace(); 
    } 
    productServiceJpa.addProduct(product); 
} 

HereBindingResultが@Valid注釈の後に来るように持っている理由の説明です。