Spring

Spring 일지 #30 (20210914) 화면 구현(이미지 등록)

uni5948 2021. 9. 27. 17:07

30. 이미지 등록

-이미지 등록

 *insert_item_image get 생성(SellerController.java)

 

// 127.0.0.1:8080/ROOT/seller/insert_item_image?no=1

    @GetMapping(value = "/insert_item_image"// 물품등록 페이지

    public String insertItemImageGET() {

        return "insert_item_image";

    }

 

 *이미지 등록 페이지 생성(insert_item_image.jsp)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <a th:href="@{/seller/select_item}">목록으로</a>

    <div style="padding: 10px">

        <h3>이미지 등록</h3>

        <form th:action="@{/seller/insert_item_image}" method="post" enctype="multipart/form-data">

            <input type="text" name="no" th:value="${param.no}" /><br/>

            <th:block th:each="i : ${#numbers.sequence(1,3)}">

                <input type="file" name="file"/><br />

            </th:block>

            <input type="submit" value="등록하기" />

        </form>

    </div>

</body>

</html>

 

 *화면 확인

이미지 등록 페이지

 

 *insert_item_image post 생성(SellerController.java)

 

... ...

// 127.0.0.1:8080/ROOT/seller/insert_item_image?no=1

    @PostMapping(value = "/insert_item_image")

    public String insertItemImagePOST(@RequestParam(name = "no"long no,

            @RequestParam(name = "file"MultipartFile[] filesthrows IOException {

 

        // 물품번호를 이용해서 물품객체 가져오기

        Item item = iRepository.findById(no).get();

 

        List<ItemImagelist = new ArrayList<>();

        for (int i = 0i < files.lengthi++) {

            ItemImage itemImage = new ItemImage();

            itemImage.setItem(item);

            itemImage.setImage(files[i].getBytes());

            itemImage.setImagename(files[i].getOriginalFilename());

            itemImage.setImagesize(files[i].getSize());

            itemImage.setImagetype(files[i].getContentType());

            list.add(itemImage);

        }

        iiRepository.saveAll(list);

        return "redirect:/seller/select_item";

    }

... ...

 

 *이미지 등록하기

이미지 등록하기

 

이미지 등록 확인