Drag & Drop으로 이미지 파일 올리는 UI

서버는 php로 만들어 보았습니다.

아이디어는 이렇다.

1. Drag & Drop으로 이미지 파일을 올린다.
2. Ajax로 이미지 파일을 업로드하고
3. response로 서버에서 파일 경로를 받는다.
4. 끝으로 img 엘리먼트를 append 해준다.

바로 해보자.

아이디어 1, 2, 4를 확인할 수 있다.

아이디어 3을 확인할 수 있다.

포인트는 #26과 #28인데, move_uploaded_file()을 할 때는 CP949로 인코딩된 파일명을 사용하고, 사용자에게 json으로 돌려줄 서버 경로에서는 UTF-8로 인코딩된 그대로 돌려준다. Apache에 php를 얹어서 돌리고 있으니 경로는 당연히 UTF-8로 되어있어야 하는 것. (당연한건데 몰라서 좀 해맸다)

그밖에 moveUploadedFileList에서 type으로 validation을 해주면 될 듯