지금까지의 업로드는 을 통해서 이루어지기 때문에 아래의 작업이 필요하다 업로드 후 업로드부분을 초기화시키는 작업 결과데이터를 이용해서, 화면에 섬네일이나 파일 이미지를 보여주는 작업 1.초기화 은 , 다른 DOM요소들과 조금 다르게 readonly라서, 안쪽내용을 수정할 수 없기 때문에 별도의 방법으로 초기화시켜야한다. var cloneObj = $(".uploadDiv").clone(); $("#uploadBtn").on("click", function(e){ var formData = new FormData(); var inputFile = $("input[name='uploadFile']"); var files = inputFile[0].files; console.log(files);..
파일 업로드 1. 태그 이용 브라우저의 제한이 없어야하는 경우에 사용. 일반적으로 페이지 이동과 동시에 첨부파일을 업로드하는 방식 을 이용해서 화면의 이동 없이 첨부파일을 처리 2.Ajax를 이용 첨부파일을 별도로 처리 을 이용하고 Ajax로 처리 HTML5의 Drag and Drop기능이나 jQuery라이브러리를 이용해서 처리하는 방식 파일업로드시 고려할 점 1.동일한 이름으로 업로드되었을 때 기존파일이 사라지는문제. 2.이미지파일의경우, 원본파일의 용량이 큰 경우 섬네일이미지를 생성해야 하는 문제 3.이미지파일과 일반파일을 구분해서 다운로드, 혹은 페이지에서 조회하도록 처리해야하는 문제 4.첨부파일공격에 대비하기위한 업로드파일의 확장자 제한 파일 확장자, 크기 사전 처리 var regex = new ..