일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- #쇼핑몰
- #홈페이지
- #업종별
- #image
- php
- 해피CGI
- 쇼핑몰
- 해피씨지아이
- 웹솔루션
- 사이트제작
- #CSS
- javascript
- #홈페이지제작
- 솔루션
- 홈페이지
- #jQuery
- CSS
- #솔루션
- #cgimall
- #웹솔루션
- #뉴스
- #동영상
- jquery
- happycgi
- 홈페이지제작
- #happycgi
- #해피CGI
- CGIMALL
- 게시판
- #이미지
- Today
- Total
목록#업로드 (3)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
파일첨부를 웹페이지의 특정영역에 파일을 드롭하여 업로드를 하는 기능을 제공하는 Dropzone.js 입니다. https://www.dropzonejs.com/ 웹페이지에서 설치방법 및 이용방법 확인이 가능 합니다. 다양한 이벤트 핸들러도 존재 합니다.
다수의 이미지를 업로드한후 해당 이미지를 다운로드 받을 수 있으며,해당 이미지를 링크로 만들어 해당 링크값을 이용하여 여러사람과 공유하는 img64 로 업로드한이미지를 간편하게 공유할 수 있습니다. 홈페이지에 접근하면 최초 위 화면을 확인할 수 있으며,본 항목에 이미지를 선택하여 업로드하거나 PC내에 업로드할 이미지를 드레그하여 업로드할 수 있습니다. 이미지를 업로드하면 위와같이 2mb 의 고용량 이미지도 제한없이 등록이 됩니다. 등록이 완료된 이후 아래와 같이 Copy Download Link 를 클릭하면 해당 이미지를 다운받을 수 있는 링크값을 확인할 수 있습니다. 위와같은 링크값을 공유하여 여러사람과 이미지를 공유할 수 있습니다.
* License - MIT License * 사용방법 첨부된 파일을 압축해제 하여 보면 css, js 폴더에 uploadfile.css, jquery.uploadfile.min.js 이렇게 각각 존재하며 아래와 같이 상단에 jquery js 파일과 함께 호출하여 줍니다 호출은 아래와 같이 하여 업로드 툴을 호출하도록 합니다 제공되는 method 는 아래와 같습니다 uploadFile(options) - Ajax 양식 작성 및 파일서버에 업로드 하기 위해 필요 - var uploadObj = $('#uploadDivId').uploadFiule(options); startUpload() - 선택한 모든 파일을 업로드 합니다 - uploadObj.startUpload(); stopUpload() - 모..