Upload Multiple Image Using PHP Store in Database | Drag and Drop Upload

안녕 친구 Vivekoyalin에서 Vivek Moyal 오늘의 비디오에서

여러 이미지를 업로드하는 방법을 보여 드리겠습니다 드롭 존을 사용하여 PHP로 변환하기 이 드롭 존 아래에는 jQuery 플러그인이있다 시작하자 우선, 여기에 폴더를 만듭니다 드래그 앤 드롭 이미지 이제 폴더를 만들었습니다

이제 색인 파일을 만들어서 우리가 만들 것입니다 형태 이미지 업로드 이 색인에서이 부분 만 제거하면 여기에 PHP 부분이 필요 없습니다 자 이제 양식 태그로 시작하고 그 형태로 우리는 드롭 존을 사용할 것입니다 드롭 존으로 시작하기 전에 먼저 드롭 존을 포함시킵니다 내 블로그에서 드롭 존을 다운로드 할 수 있습니다

Wakeman Totten I 동영상 설명에 대한 링크도 포함하십시오 그래서 여기에서 찾을 수 있습니다 그리고이 파트와이 폴더를 다운로드 한 것처럼 이 드롭 존에 드롭 존을 넣으십시오 나는 CSS와 드롭 존 GS 두 파일 만있다 이 부분을 복사하고 붙여 넣기 만하면됩니다

보시다시피 우리는 우리와 함께 드롭 존 파일을 가지고 있으며, 이제부터 조금씩 시작할 것입니다 그것을 만들기위한 부트 스트랩 조금 작고 세련된 이것은 PHP를 사용하여 업로드 된 여러 이미지와 이 기사의 맨 아래에 다운로드 파일을 찾을 수 있습니다 여기, 다운로드 할 수 있으며 드롭 존 파일 만 사용하면됩니다 괜찮아 그래서 우리는 부트 스트랩을 사용할 것입니다 이리 유스 티스 성령 님, 우리가이 CSS를 실행하면 작동하지 않습니다

CSS에서 볼 수 있듯이 우리는 직접 차선에서 사용할 것입니다 그리고 그냥 업데이트 및 CSS가 하나 더 있습니다이 Jumbotron입니다 좋아, 나는 여분의 것을 제거 할거야 너는 아무것도 필요 없어, 알았어

보시다시피, 우리는 이것을 가지고 있고, 우리가 필요로하는 것은 jQuery입니다 JQuery, 나중에 추가하겠다 그래서 지금 우리는 이것을 가지고 있습니다 양식이없는 색인 페이지이므로 양식으로 시작하겠습니다 좋은 출발

여기에서 여분의 코드를 제거합니다 또한 제거하면 아무것도 필요하지 않습니다 우리는 어떤 것도 필요 없다 확인 너는 무엇을 우리에게 줄 것인가? 끌어서 놓기 이미지 업로드 새로 고침하고 볼 수 있듯이 지금 가지고 있습니다 드롭 존 파일이 있으므로 여기에 드롭 존을 포함시킵니다

스크립트를 포함하여 스크립트를 사용합니다 드롭 존 및 그 (것)들을 점 J의 자바 스크립트 및 우리는 또한 드롭 존의 CSS 부분을 포함시킬 것입니다 href 드롭 존 목록 및 속임수를 쓰자 우리가 그것을 새롭게한다면 아무 일도 일어나지 않을 것입니다 왜냐하면 지금 우리는 포함 우리의 코드 드롭 존이므로 드롭 존 코드부터 시작합시다

그래서 드롭 존 코드로 시작하기 위해 우리는 무엇보다도 양식 이것은 우리의 일반적인 양식입니다, 우리는 그것에게 ID를 줄 것입니다 업로드 양식의 내용 좋아, 지금은 행동 부분을 취할거야 액션 부분은 이미지 도트 PHP를 얻을 것이다 방법은 무엇이든간에 우리는 무엇이든 얻을 수 있습니다 그래, 너 한가지 필요해 그것이 ENC 유형입니다

그것의 다중 부분 양식 데이터 우리가 이미지를 사용하거나 업로드하는 동안 우리 양식은 이것을 필요로하기 때문에 ENC 유형의 여러 부분으로 된 양식 데이터 그렇지 않으면 게시물이나 가져 오기에서 이미지 파일을 가져 오지 않습니다 이제 우리의 중단으로 시작하겠습니다 이것은 그들의 수업 그것은 그것이 DZ 메시지 드롭 존 5의 메시지를 보여주는 것입니다 이제 우리는 한가지 더 지역 우리가 할 곳 너는 그 아이콘을 보여줄 것이라고 말할 수있다

내가 할 수있는 수업 괜찮아 우리는 지금 포함하지 않은 멋진 글꼴을 사용합니다 과 크기는 작고 3x 크기의 2 배가 될 것입니다 한 가지 더 이해하면됩니다 이것은 보통 영역입니다 이미지 드래그 이제 우리가 이것을 실행하면 다음과 같이 보일 것입니다

아이콘을 표시하기 위해 우리는 멋진 글꼴을 사용합니다 여기 멋진 글꼴을 사용합니다 그냥 멋진 글꼴을 사용하십시오 복사하여 여기에 붙여 넣으십시오 페이지 새로 고침 그리고 보시다시피 이 여기를 클릭하면 부품에 아이콘이 표시됩니다

드롭 존이 지금까지 초기화되지 않았기 때문에 아무것도 작동하지 않습니다 이제 자바 스크립트 코드로 시작하겠습니다 드롭 존을 초기화하기 위해 Drop June dot 자동 검색 또는 이것을 작성하기 전에 한 가지 작업을 수행 할 것입니다 블로그 자체 여기에서 볼 수 있습니다 여기있어 이 부분 만 복사하십시오

여기에 놓기 영역이 있음을 알 수 있듯이 붙여 넣습니다 그것은 드롭 존, 당신은 여러 개의 드롭 존이 필요하면, 당신은 하나, 둘, 셋, 넷 다섯 다섯 그래서 그것은 단지 하나입니다 그래서 우리는 드롭 존을 사용할 것입니다 괜찮아 지금 이 드롭 존의 ID는 우리와 같은 양식 ID이므로 이걸로 바꾸고 이제 우리는 우리를 실행시키다 다시 프로그램하고 보시다시피 파일 업로드가 시작됩니다 승인 과 이 최대 파일 한도는 파일이므로 모든 것이 고정되어 있습니다

콜백이 사실이거나 거짓임을 발견했습니다 이미지 축소판 만들기 그릇된 초기화가 여기에 있습니다 뭐든지 우리는 성공을 돌려 줄 것입니다 그때 그것은 알림 메시지에 응답 할 알림 메시지로 응답하십시오 좋아

이제 우리는이 부분을 가지고있다 드래그 앤 드롭 이미지 또는 이미지를 시도하고 당신이 볼 수 있듯이 나는 이미지를 넣었고 나는 오류가 발생했습니다 그 4시 4 분을 찾을 수 없음 URL PHP 자습서 끌어서 놓기 이미지가 이미지를 가져옵니다 PHP가 이전에이 서버에서 발견되지 않았습니다 이 우리는 이미지가 필요합니다

이미지 가져 오기 PHP 좋아, 이제 우리는이 파일을이 파일에 저장하고있다 코드를 사용할 것인가? 단지를 위해 폴더에 이미지 업로드 그래서 이것을하기 위해 우리는 단지 우리가 보내는 파일이 무엇이든간에 공백인가요? 좋아, 그럼 우리는 달러 비어 있지 않다 파일이 비어 있지 않으면 달러가 파일에 밑줄을 긋습니다 그런 다음 그렇지 않으면 실행되지 않습니다 파일이 비어 있지 않은 경우 임시 파일은 2 달러 밑줄 파일과 같습니다

여기에 파일과 밑줄 이름 여기에 시간을 사용할 수 있도록 임의의 번호를 만듭니다 임시 파일에서 파일의 임시 이름을 임의로 입력했습니다 이것은 무작위입니다 그래서 무작위로 우리는 타임 스탬프 그리고 목표 부분 될거야 우리의 폴더 우리는 아직 만들지 않았으므로 여기에 폴더를 만듭니다 갤러리입니다

그래서 여기에서 우리는 이 갤러리 슬래시의 이름을 넣어주세요 임시 파일의 임의의 이름 및 대상 경로 지금 우리가 모든 것을 가지고 있다면 그래서 우리는 우리 파일의 유일한 이름을 만들 것입니다 파일 이름은 2와 같다 무작위로 살다 점 달러 밑줄 파일들 파일 및 파일의 이름이 무엇이든간에 이 파일의 새 이름입니다 이제 업로드 된 파일 이동을 사용합니다

이것은 M 파일이며 이것이 우리의 목표입니다 그러나 아니,이게 목표 경로가 아닐거야 이것이 우리 목표 야 이것의 전체 파일을 제출하십시오 대상 파일은 $ 2 대상 경로와 같습니다 닷 달러 파일 이름 괜찮아 그럼이 업로드가 작동하는지 여부를 확인해 보겠습니다

과 여기에 어떤 종류의 오류도 발생하지 않을 것입니다 이미지를 업로드했습니다 좋아요, 우리가 볼 수 있듯이 폴더 갤러리 폴더 그래서, 이것은 우리의 것입니다 지금 이미지 업로드 중 이 비디오에서 추가 할 수있는 한 가지 더 우리는이 이미지를 데이터베이스에 저장할 것이므로 이렇게하기 위해 더 많은 것들을 필요로하지 않습니다 여기에 이미지 수업 만 있으면됩니다

그래서 나는 이미지 클래스를 만들 것이다 이제 이미지 클래스가 생겼습니다 그리고 이미지를 추가 할 때도 여기에서 코드를 사용합니다 과 우리가 연결 파일을 필요로 할 때 이미지 클래스 음식이 여기 있습니다 이 부분을 복사하고 여기에 붙여 넣을거야

이제 알 수 있듯이 연결 파일이 필요합니다 그래서 우리는 우리가 폴더를 생성 할 연결 파일 기능들 여기에서 우리는 연결을 만들 것입니다 PHP 시작 좋아, 너는 이걸 가지고있어 이 연결 클래스에 대해 우리는 블로그 부 여기에 붙여 넣습니다 보시다시피 여기에 데이터베이스 이름이 있습니다

그것이 이미지 데이터베이스입니다 이름은 다시 파싱 할 루트이고 이미지 가져 오기이 로컬 호스트가 있는지 여부를 확인합니다 UHP 내 숙모 Minn 그리고 그때까지 우리는 우리의 죄송합니다 여기에 이미지 클래스가 포함되어 있으므로 이름을 데이터베이스에 업로드하고 우리가 원할 때마다 이미지 재사용 달러 이미지 클래스는 새 것과 같습니다 무슨 일이야 응답이 없습니다

각 반에서 그리고 나서 여기 우리는 달러를 사용할 것입니다 이미지 클래스 함수의 이름은 무엇이지만 이미지를 추가합니다 그건 이미지를 추가하고 여기에 우리는 여기에 데이터 부분을 넣고 있습니다 그래서 우리는 배열을 만들거나 데이터의 경우 하나의 필드 만 있으므로이 파일 이름을 데이터로 만들거나 이미지가 2와 같은 영역을 만듭니다 좋아, 이제 우리는 공습에 파일 이름을 갖게되고 마침내 우리는 우리의 이미지를이 이미지 추가 기능에 게시하십시오

어느 것이 데이터베이스에 이미지를 추가합니다 데이터베이스를 만듭니다 그리고 이름은 드래그 앤 드롭으로 지정합니다 그래서 당신은 드래그 앤 드롭으로 변경하십시오 이리 그리고 거기에서 우리는 테이블 웹을 만들 것입니다

이미지와 열의 수는 다음과 같습니다 ID와 이미지 우리가 필요로하는 것은 아무것도 없다 그래서 이것은 ID이고 자동 번호가됩니다 기본 및 여기서 우리는 어디에서 화상을 걱정할 지 250, 구하다 이제 우리 데이터베이스에는 웹 이미지의 이름에 대한 테이블이 있습니다 그래서 우리는 그것을 여기에서 점검 할 것이다

그 이름은 동일하거나 다른 것입니다 그래서 지금은 같은 이름입니다 우리는 단지 이 부분과 동등하면 얻을 것이다 모든 것이 효과가있다 하지만 지금은 Layton은 1과 2를 반환합니다

그래서 우리는 기부자를 사용할 것입니다 결과는 1 또는 2와 같습니다 괜찮아 그래서 우리는 여기서 F 달러 결과가 1과 같음을 사용할 것입니다 생태 업로드 된 이미지 그 외에는 새로운 괜찮아 이것을 시도하고 작동 여부를 확인해 봅시다 페이지를 새로 고침하고이 이미지를 삽입하겠습니다

당신이 볼 수있는 것처럼 우리는 여기에 문제가 있습니다 연결 파일 필드를 열어야합니다 아니, 그런 클래스 나 파일 좋습니다 업로드 된 이미지가 없습니다 우리가 볼 수있는 기능이 거기에 PHP는 거기에 연결 클래스 점 그런 다음 문제가 무엇입니까? 각 반에는 거기에있다

다시 업로드하겠습니다 한 번 실패한 파일이나 디렉토리가 이미지 클래스로 열리는 것을 요구합니다 알았습니다 우리는 이것을 가지고있다 이미지 클래스 클래스 연결과 함께 Foodland ec TI를 볼 수있는 이미지 클래스 삼촌 더블 – 연결 클래스 도트 PHP는 미스터 퍼트 남 옳은 지금 무슨 일이 일어난거야? URL이 올바르지 않아 작동하지 않습니다

나에게 거짓을 알리고이 문제를 바로 잡자 이미지가 업로드되었습니다 먼저,이 이미지가 있는지 확인하겠습니다 우리 데이터베이스 아래에 이미지가 있건 없습니까? 일치하는 곳에서 확인해 보겠습니다 보시다시피 데이터베이스에 이미지가 있습니다

한 번 더이 부분을 테스트 할 것입니다 우리는 업로드 할 것이다 하나의 이미지를 이미지로 두 개의 이미지 업로드 과 목구멍의 이미지 업로드 된 이미지 두 번이나 볼 수 있듯이 우리는 두 가지 이미지를 가지고 있습니다 폴더에 모든 이미지가 있습니다 빨리 하나 더 만들 것입니다

하나 더 페이지에 이미지 목록 이미지 여기에 우리는 이미지 클래스 테두리 이미지 클래식 이름 이미지 클래스 달러 명부 이미지 사람들의 $ 2 각 반에서 목록 이미지 이제 목록 이미지에 이미지가 있음을 알 수 있습니다 그리고 각 이미지에 사용할 이미지를 보여줍니다 각각에 대해 배열을 사용하므로이 목록 이미지가 추가되고 우리는 IMG SRC는 2와 같습니다 이 달러 값을 유감스럽게 생각하고 여기에 이미지를 사용하고 BR을 사용하여 이미지가 별도의 줄에 표시되도록합니다 실행, 오, 내가 이것과 이것과 이것과 모든 걸릴 수 있도록하자

좋아, 미안해, 우리는 갤러리 슬래시를 잊었다 각 언어에 대해 언어가 올바른지 여부에 따라 속성을 얻으십시오 밑줄 R을 인쇄하십시오 아니면 잠시 우리는 아빠를 바꿉니다 네 그게 문제 였어

이름이 문제 였고 알 수 있듯이 우리는 모든 이미지를 가지고 있습니다 스타일 시트가있는 경우 모든 종류의 스타일 시트를 사용할 수 있습니다 부트 스트랩 열을 사용하는 경우처럼 그런 다음 모든 이미지가 열에 표시됩니다 그래서 이것은 이미지 업로드 방법에 대한 자습서입니다 드래그 앤 드롭으로 여러 이미지를 PHP 드롭 존을 사용하여 jeaious Drop join J로 인해 이미지를 빠르게 업로드 할 수 있습니다 왜냐하면 드래그 앤 드롭 때문입니다

쉽고 사용하기 쉬운 사용자를 볼 수 있습니다 당신이 내 비디오를 좋아하길 바랍니다 문제가 있으면 의견을 말하십시오 부디 알려줘

비디오를 시청 해 주셔서 감사합니다