jquery return 값, Upload & FileDown

두부링·2025년 1월 14일

웹프로그래밍

목록 보기
7/20

jquery

jquery의 리턴값

  • .동작을 연속적으로 할 수 있는 이유는 jquery 의 기능이 탑재된 위치가 변하지 않기에 가능
    (ex. 배열에서 위치가 변하지 않기에)

    jquery 의 선택자는 jquery 기능이 탑재된 배열에 무조건 담는다.

$() 이위치에 어떤 게 리턴이 되는지가 가장 중요함

단순히 값을 읽어오는...

jquery를 리턴하지 않을 수도 있음

값을 넣으면 jquery 배열에 값을 넣고 가져오기
값을 안 넣으면 단순히 text 가져오기

없는 요소를 생성이 가능함

  1. 요소 생성
  2. 요소 생성하고 body 에 추가하기

    자바스크립트로 html요소를 생성해서 추가할 수 있다.

웹프로그래밍

  • 클라이언트가 정보를 가지게 할려면 cookie나 local storage 를 많이 사용함

파일 업로드

파일 업로드 form을 생성할려면..?

  • method를 post 방식으로 enctype 설정을 해야 웹브라우저가 파일 처리를 하게된다
  • input 요소의 type을 file로 설정

UploadServlet

전체 흐름
서버에 저장할 공간 파일 생성(/upload) -> 파일의 중복 방지 이름 생성 -> 입력한 파일을 Port 객체로 읽어오기 = 서버에 저장될 파일의 경로 및 이름 생성 -> 임시 경로에 있는 파일을 원하는 목적지에 copy -> 파일 정보 jsp 로 전달 -> jsp는 클라이언트에게 결과 보여주기

jsp 파일로 클라이언트에게 응답

파일 다운로드

FileDownServlet

UploadServlet로 얻어온 파일에 FileInputStream으로 빨대를 꼽고
BufferedOutputStream 객체에 보내서 클라이언트에게 전송

이미지 업로드

이미지만 업로드를 원할 때는 input 요소에 accept="image/*" 입력하기

업로드된 이미지 화면에 출력하기

서블릿으로 업로드된 이미지 화면에 출력할 때는 업로드된 파일의 경로 작성하기

질문

  1. 로컬에서 갑자기 실행이 안된다면?
    프로젝트 refresh

    서버 clean

    프로젝트 clean
profile
하이하잉

0개의 댓글