2016-05-23 12 views
0

アップロードイメージでデータベースに行を追加します。私は行のリストを参照すると、イメージが表示されますが、行を更新しようとすると、 "リソースを読み込めませんでした:サーバーは400のステータスで応答しました:sp​​ring mvc"というエラーが発生しました。イメージは表示されません!リソースの読み込みに失敗しました:サーバーがステータス400を返しました:sp​​ring mvc

//add row 

@RequestMapping(value = "/add") 
public String ajouter(@ModelAttribute("serv") Service service ,MultipartFile file) throws Exception { 

    Long idser; 
    // add 
    if (service.getIdService() ==0) { 

     service.setImgService(file.getOriginalFilename()); 
     idser = metier.addservice(service); 
     // add new image file 
     if (!file.isEmpty()) { 
      String path = System.getProperty("java.io.tmpdir") + "/" 
        + idser + "_" + service.getImgService(); 
      file.transferTo(new File(path)); 
     } 
    } 

    return "redirect:/page/pageus"; 

} 

// update 

@RequestMapping("/edit/{id}") 
    public ModelAndView editService(@PathVariable("id") long id,Model model,@ModelAttribute Service service){ 

    service=metier.getService(id); 
    model.addAttribute("editedserv",service); 

    return new ModelAndView("Admin/page/pageedit","serviceObject",service); 
    } 


    // get image of the products 

    @RequestMapping(value = "Photoser", produces = MediaType.IMAGE_JPEG_VALUE) 
    @ResponseBody 
    public byte[] photoCat(Long idser) throws Exception { 
     Service serv = metier.getService(idser); 
     String path = System.getProperty("java.io.tmpdir") + "/" + idser+"_"+serv.getImgService(); 
     File serImage = new File(path); 

     return IOUtils.toByteArray(new FileInputStream(serImage)); 
    } 

//show img in jsp 
    <img src="Photoser?idser=${serviceObject.idService}"/> 

誰かが私を助けることができます!

+0

イメージのURLは、取得されたURLデータではなく、 'img'タグのsrcに渡す必要があります。 – Blank

+0

私はtmpdirに画像を保存するので、imgに画像URLを与えることはできません。解決策が見つかりません!私を助けることができます@レノバス! – Raki

答えて

0

あなたは、コンテンツを以下によりsrcを埋めるために、JSやjqueryのを使用[あなたのイメージバイト配列データ]すべきバイトデータの列であるので、あなたはそれを試してみてくださいとにかく、コントローラにStringにあなたの戻り値の型を変更する必要があります;)

<img src="data:image/png;base64,[your image byte array data]"/> 

embedding base64 imagesをご覧ください。

関連する問題