양식 제출과 동시에 파일 업로드를위한 끌어서 놓기 파일 선택을 구현하려고합니다. 정규 파일 업로드가 HTML 및 PHP와 함께 작동하는 방법을 알고 있습니다. 그리고 $ _FILES 배열의 파일과 함께 PHP에서 파일을 처리 할 수 있기를 원합니다.양식 제출시 업로드 할 파일 끌어서 놓기
몇 가지 조사를 해본 결과 몇 가지 플러그인을 살펴 보았지만 거의 모든 파일이 창에 표시되거나 기존 HTML 양식을 사용하지 않으면 파일을 업로드합니다.
아이디어, 발췌 문장 또는 플러그인과 같은 모든 종류의 도움을 주시면 감사하겠습니다.
감사합니다.
아래 URL을 참조하십시오. 매우 도움이된다고 생각합니다. jQuery로
HTML5 파일 업로드
http://tutorialzine.com/2011/09/html5-file-upload-jquery-php/
jQuery를 'n'을 지원 드래그 앤 드롭으로 업로드 플러그인 파일
http://www.webresourcesdepot.com/jquery-file-upload-plugin-with-drag-n-drop-support/
동영상을 통해 쉽게 학습 한 다음이 링크를 사용하면 html5 및 filedrop API를 사용하여 파일을 업로드 할 수 있습니다. http://www.thetutlage.com/post=TUT92 –
이 파일 속성을 설정하는 것은 불가능합니다 보안상의 이유로 자바 스크립트를 통한 파일 입력 this jsfiddle을 참조하십시오.
따라서 파일 끌어서 놓기를 통해 파일을 입력 할 수 없다면 '파일 찾아보기'버튼을 클릭하여 파일 입력을 통해 직접 파일을 선택해야합니다.
당신이 할 수있는 일은 양식에 대한 onUpload 메소드를 구현하고, 사용자가 AJAX를 통해 제출 버튼을 클릭 할 때 파일을 업로드하는 것입니다. 그런 다음 업로드가 완료되면 양식을 다른 데이터와 함께 제출합니다.
AJAX를 통해 파일을 업로드하는 방법을 보려면 this fiddle을 참조하십시오. 이 코드는 드래그 앤 드롭 처리 및 이진 파일을 BASE64로 변환합니다. 데이터를 게시하여 AJAX 비트를 작성해야합니다. 파일이 완료되었는지 확인하려면 setInterval으로 호출 할 함수를 작성하여 모든 업로드가 완료되었는지 확인하십시오.
건배, 에이 팍스
HTML5 CSS3 ...... –
회원님이 관련되지 않는다 확실히 여기 요구하지만, 드래그와 업로드 필드에 파일을 삭제 브라우저 기능, 그리고하는지 확인 PHP가 조금 있습니다. –