파일 업로드

HTML,CSS,JS

목록 보기
13/16

post와 get의 차이, queryString

  • file을 첨부하기 위해서는 전송방법이 무조건 post여야함
    왜? get은 요청 body를 사용하지 않기 때문에 자료는 url뒤에 ?(queryString)로 붙어서 전송됨, 쿼리스트링은 문자 255개만 가능
    -> 파일네임이 크면 255인 문자방식을 넘기때문에 get을 쓸 수 없다. post는 요청 body영역을 사용함

html 태그 설명

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <div class="form">  <!-- div는 name속성을 가지면 안됨-->
            <form method="post" enctype="multipart/form-data" action="http://192.168.0.25:8888/myback/upload"> <!-- file을 첨부하기 위해서는 전송방법이 무조건 post여야함
                왜? get은 요청 body를 사용하지 않기 때문에 자료는 url뒤에 ?(queryString)로 붙어서 전송됨,쿼리스트링은 문자 255개만 가능
                -> 파일네임이 크면 255인 문자방식을 넘기때문에 get을 쓸 수 없다. post는 요청 body영역을 사용함-->
                <input type="text" name="t"> <!-- name: 서버로 전송, class: style설정, id: dom트리에서 객체를 구별하기 위함(식별자)-->
                <input type="file" name="f" multiple> <br> <!--multiple: 속성 명과 값이 같음 - 명만 적어줘도 됨, f라는 이름으로 파일 여러개 전송-->
                <input type="checkbox" name="c" checked> <br>
                <input type="button">  <br> <!-- submit (클릭이벤트가 발생하고 form객체의 서버에 전송한다), reset : 특수 버튼 -->
                <input type="submit" value="전송"> <br>
                <button>전송1</button> <!--화면에 보여줄 button의 이름을 사이에 넣어주면 됨 => button을 form태그 안에 넣어주면 type="submit"으로 설정됨 밖에있으면 일반 버튼-->

            </form>
            <button>일반버튼</button> <!--type="button"으로 설정됨-->
        </div>
    </body>
</html>
  • 문서(doc)의 내용이 그대로 저장되게하면 doc컬럼의 타입이 CLOB이여야함

  • img라면 컬럼 타입이 BLOB

  • 외부 이미지를 < img> src="" 에 넣기위해서는 BLOB의 타입으로 해야함

cos.jar 사용하고, 이미지 여러개 올리던 중 access 거부 (한 자원을 여러개가 연결하려는 경우)

  • MultipartRequest로 객체를 다 생성하지 않고 만들고 있는 와중에 그 밑에 코드로 file을 건드리니까 access 거부 상태가 나옴
  • 원래 saveDirectory만 있고, 다른폴더가 없으면 생성해서 복사본을 넣는 것이였는데 tempDirectory를 추가해서 거기에 복사본을 붙여넣음
profile
백엔드를 공부하고 있습니다.

0개의 댓글