개발 Q&A

제목 파일 업로드관련 질문드립니다.
글쓴이 웹허브 작성시각 2013/07/16 13:53:55
댓글 : 5 추천 : 0 스크랩 : 0 조회수 : 19083   RSS
안녕하세요^^
가입후 항상 글을 보기만 하다가 처음으로 글을 써보네요. 첫글이 질문이라 죄송스럽지만 많은 조언 부탁드립니다.

가변적인 복수개의 파일업로드 기능을 구현해야하는데요 일반적인 업로드 스킴과는 조금 다릅니다...
우선 전재조건과 스킴은 아래와 같구요.

*전재조건
1.사정상 멀티파일 업로드 기능을 사용할 수 없습니다.
2.아래 파일등록스킴에서 설명드리는 페이지는 데이터 등록페이지 입니다.(게시판 등의 글 입력페이지)

*파일등록스킴
1.파일업로드 버튼을 누르면 파일 선택창이 표시되며 선택후 `추가` 버튼을 클릭시, div와 같은 영역에 동적으로 파일명이 표시됩니다.
파일명이 표시됨과 동시에 파일명 우측에 `삭제` 버튼도 표시가 되며, 버튼을 클릭시 리스트에서 삭제됩니다.

2. 위와 같은 작업의 반복으로 아래와 같은 가변적인 복수개의 파일의 리스트가 생성됩니다.

------------------------------------------------
   파일선택...                        추가
------------------------------------------------
      파일명1.doc                 삭제
      파일명2.doc                 삭제
      파일명3.doc                 삭제

3.모든 데이터 입력후 `저장` 버튼을 클릭하면 위의 리스트에 표시된 파일이 서버에 저장됨과 동시에 파일정보를 db에 저장


위와 같은 스킴인데요.... 멀티업로드를 사용하면 간단하지만... 사정상 사용할 수가 없어 저는 아래와 같은 방법을 생각하고 있습니다.

`저장` 버튼을 누르기 이전에 리스트에 생성되는 파일들을 임시로 서버에 저장(j-query 비동기 통신사용)/삭제하고
최종적으로 `저장` 버튼을 누르면 리스트에 남아있는 즉, 서버에 임시로 저장한 파일들을 원래의 저장장소로 이동시키고 db에 파일정보를 저장.

이런식으로 생각하고 있는데.... 워낙 글을 못쓰다보니 내용전달이 자세히 되었나 모르겠네요ㅜ
혹시 위의 방법보다 좋은 방법이나 쓸만한 플러그인 아시면 조언좀 부탁드리겠습니다.



 다음글 이미지가 깨지는 문제 (8)
 이전글 mysql outfile 써보신분?? (6)

댓글

변종원(웅파) / 2013/07/16 14:20:59 / 추천 0
<input type="file" name="multi_file[]">
<input type="file" name="multi_file[]">
<input type="file" name="multi_file[]">
<input type="file" name="multi_file[]">

형태로 배열로 담고 컨트롤러에서 배열만큼 for문 돌면서 업로드 처리하면 됩니다.

몇개던지 그냥 배열에 담고 컨트롤러에서 배열 갯수만큼 처리하는거죠.

게시판 이동합니다.
불코딩 / 2013/07/16 15:51:45 / 추천 0

<div id="fileform">
<input type="file" name="file"  />
<input type="button" value="추가" />
</div>

jquery로 추가 버튼을 눌렀을때 #fileform의 input[name=file] 가져와서 name값 변경, display none처리

append로 <input type="file" name="file" /> element 추가하면 될 듯한데요..

제가 이해를 잘못한건지 모르겠네요..



 

웹허브 / 2013/07/16 16:03:51 / 추천 0
아하! 그런 방법도 있네요!
바로 한번 해보고 피드백 드리겠습니다 ㅋㅋ 감사합니다^^
JayT. / 2013/07/19 15:05:37 / 추천 0
 멀티업로드를 사용하실 수 없다고 하신 것이 하나의 PHP 파일에서 여러 파일을 업로드할 수 없으시다는 말씀이신가요?
잘 이해는 못했지만..

말씀하시는 기능이 구현되는 jQuery 플러그인이 하나 있는데 조심스레 추천해봅니다..

제가 써본 파일 업로드 플러그인 중에서 최강인듯.. (브라우저간 호환도 잘되는거 같아요)

https://github.com/blueimp/jQuery-File-Upload

데모페이지
http://blueimp.github.io/jQuery-File-Upload/

웹허브 / 2013/07/24 00:49:22 / 추천 0
 JayT.// 헛!! 바로 제가 필요했던건데 ㅜ 정말 감사합니다.