Codeigniter 3 Tutorial – AJAX Drag and Drop files upload with Codeigniter and DropzoneJS

안녕하세요 코디네이터 비디오 튜토리얼을 환영합니다

오늘 우리는 codeigniter와 함께 멀티 파일을 동 기적으로 업로드하는 방법에 대해 토론하고 Dropzone Js DropzoneJs는 드래그 앤 드롭 파일을 제공하는 오픈 소스 라이브러리입니다 이미지 미리보기로 업로드합니다 가볍고 다른 어떤 것에도 의존하지 않습니다 라이브러리 (jQuery와 같은) 및 고도로 사용자 정의 할 수 있습니다

DropzoneJs에 대한 자세한 내용은 여기 dropzonjs 웹 사이트에서 볼 수 있습니다 그래서, 여기에서 우리는 건설 할 것입니다, 여기에서 우리는 할 수 있습니다 이 영역을 클릭하고 파일을 선택하거나 여러 파일을 선택하면 파일을 열 때 파일이 비동기 적으로 업로드 될 수 있습니다 우리는 여러 이미지를 선택하고 드래그 앤 드롭 할 수 있습니다 여기뿐만 아니라

또한 우리는 서버에 이미 저장된 파일을 보여줄 수 있습니다 마지막으로 삭제할 수 있습니다 모든 파일은 링크를 제거합니다 좋아, 충분히 이야기하자 여기에는 기본 설정과 함께 codeigniter가 있습니다

그냥 url과 form helper를 자동로드합니다 내가 dropzone 및 jquery를 포함하는 공급 업체 폴더를 만들 수 있습니다 공식 웹 사이트에서 dropzone 및 jquery를 가져 오거나 얻을 수 있습니다 이 비디오 설명에서 제공하는 링크의 codeigniter 기본 설정 새 컨트롤러를 만들고 이미지 컨트롤러로 저장하고 인덱스 메서드를 만듭니다

여기서 indexphp라는 이름의 뷰를로드합니다 views 폴더에 새로운 indexphp 파일을 생성하고 기본 폴더를 생성 해 봅시다 HTML 마크 업, dropzone 및 jquery 라이브러리로드

여기에 Dropzone의 스타일 시트 그 아래에는 DropzoneJs 및 jQuery의 스크립트 또는 javascript가로드됩니다 여기에 업로드 할 이미지 또는 URL에 대한 URL 또는 액션이있는 form 태그를 만듭니다 dropzone을 첨부하려면 dropzone 클래스를 추가해야합니다 이미지 컨트롤러에 대한 기본 경로를 변경해 보겠습니다 업로드하려고하면 여기에 오류가 있습니다

이미지 / 업로드 URL을 찾을 수 없습니다 이미지 컨트롤러를 열고 새로운 업로드 방법을 만듭니다 여기에 업로드 할 파일이 있는지 확인합니다 그리고 여기서는 basic과 함께 codeigniter 업로드 라이브러리를 사용할 것입니다 구성 오류 dropzone에 의해 '파일'을 파일 이름으로 사용하십시오

따라서 do_upload 메소드에서 'file'을 전달합니다 업로드 할 때 오류 메시지를 표시하지 못했습니다 좋은 여기서 우리는 form_open_multipart를 사용하지 않지만 dropzone은 자동으로 처리합니다 여기에 우리는 하나 이상의 파일 서버를 업로드 할 수 있습니다 dropzone 파일의 기본 설정을 설정하지만 페이지를 새로 고침 할 때 박수를 치는 이미지를 제거하거나 표시 할 필요가 없습니다

그렇게하기 위해서 우리는 트럭과 프로그램을 프로그래밍 방식으로 설정해야합니다 그렇게 모두를 제외하고는 여기에서 이미지를 제한하려고합니다 그래서 여기에서 우리는 파일을 허용했습니다 이미지에 대한 속성 이제 오류로 인해 서버에 업로드 된 파일을 제거 할 수 있습니다 실제 파일이 아닌 시간 만 제거합니다

여기서는 제거 된 파일 기능을 제거하고 NJ를 수행하여 파일을 제거하도록 정의합니다 판매 중 우리는 파일을 얻는다 파일의 이름 인 비용이 제거되고 파일을 검사했습니다 이름이 비어 있지 않으며 파일이 서버에 존재합니다 확인 분석가 용 우리는 서버에서 파일을 제거했지만 다른 시간은 사라지지 않습니다

우리는 작은 선이 필요하다 우리가 서버에 업로드 파일을 검색했는지 확인합니다 이미 파일이 있습니다 서버 및 다음 우리는 페이지가 룬드 일 때 보여줄 필요가있는 한 걸음 더 나아야합니다 전자 메일은 이미지가 보여주는 첫 번째 바람의 실행 패션쇼 이 함수에서 생성 된 입장에서의 변화를 우리는 juku recap 메시지라고 부릅니다

최소한 검색에 이미 존재하는 모든 파일 우리가 지정한 강력한 파일에 모든 파일을 가져 오기 위해 파일 이름을 얻는다 여기에 크기가 네 가지 목이 파일 암호화가 필요하기 때문에 여기서 우리는 새로운 이름을보고 새 이름을 만든다 사후에 이름을 구성하는 새로운 RI 저스틴 코드 파일을 호출하여 해당 그림을 PHP에 저장했지만 오류가 발생했습니다 여기 잠시 동안 이미지 새로 고침 우리는이 서버에서 볼 수 없다 승인 및 응용 프로그램 / 프랑스어 그가이 평균 선장이기 때문에 나를 잊지 마라

온화한 반응은 좋아요 Google에서 성적인 업로드 파일을 삭제했으며 우리가 만들 예정인 모든 파일을 보여줍니다 구조 스타일에 약간의 변화가 있습니다 주제 메시지가 바뀝니다 우리가 트로이 목마 파일에 약간의 변화가 있었다는 것을 알고 트로이 목마에