이미지 미리보기를위한 AJAX 파일 업 로더

Question

나는 tmp 디렉토리에 업로드하고 이미지 미리보기를 위해 jQuery AJAX 파일 업 로더를 사용하고 있습니다. 이것은 정상적으로 작동하지만 실제 양식을 제출할 때 실제 이미지 파일을 업로드하는 데 문제가 있습니다. AJAX 업 로더가 change 이벤트에 의해 트리거 될 때마다 파일 유형 입력 요소에서 파일 객체를 가져와 숨겨진 iframe 형식으로 제출하는 것처럼 보입니다. 이미 이미지 미리보기 후에도 파일 객체를 제거하지 않고 파일 객체를 남길 수있는 방법이 있습니까?

Answer 1

이 문제를 해결할 방법을 찾았습니다. 내가 한 일은 AJAX onchange 이벤트로 만든 숨겨진 iframe을 통해 업로드 된 실제 파일을 고유 한 파일 이름을 가진 임시 폴더에 업로드 한 다음이 파일 이름을 원래 양식의 숨겨진 필드에 추가 한 다음 사용자가 숨겨진 필드에서이 값을 사용하는 것입니다. 임시 폴더 복사 파일을 주 이미지 폴더로 가져 오기 위해 양식을 제출하고 이름을 바꾸고 unlink() PHP 함수를 사용하여 이전 파일을 삭제하십시오!

휴! 그렇게 간단한 방법으로 많은 일을합니다. IE와 Safari가 FileReader 객체를 지원하기를 바랍니다. (나는 ActiveX가 싫어!)