우선, 이 기능은 WebUploader의 오픈 소스 업로드 제어를 2차 캡슐화한 것임을 말씀드리고 싶습니다. 기본 계층은 WebUploader가 구현하여 더 간결하게 사용하기 위해서입니다.
WebUploader를 살펴보겠습니다
소개:
WebUploader는 Baidu WebFE(FEX) 팀이 개발한 HTML5 기반의 간단한 최신 파일 업로드 컴포넌트입니다. 현대 브라우저에서는 HTML5의 장점을 최대한 활용하면서도 주류 IE 브라우저를 버리지 않고 원래의 FLASH 런타임을 사용하고, IE6+, iOS 6+, Android 4+와 호환됩니다. 동일한 호출 메서드는 두 런타임 세트가 모두 제공되는 경우 언제든지 사용자가 사용할 수 있습니다.
대형 파일 샤드와 동시 업로드의 사용은 파일 업로드 효율성을 크게 향상시킵니다.
공식 웹사이트 주소: http://fex.baidu.com/webuploader/
혼자 플레이하고 싶다면 공식 웹사이트에 직접 접속할 수 있습니다
텍스트를 시작해 보겠습니다:
위에서 보면 바이두의 WebUploader 기능이 매우 강력하지만, 모든 업로드 제어와 마찬가지로 사용하기에는 다소 번거롭습니다. 예를 들어 다음과 같습니다:
먼저 관련 라이브러리들을 여러 개 참고해야 합니다.
그다음 HTML을 잘 작성하세요
이 모든 걸 원하지 않아요! 단 두 문장만 올려주세요. 다음과 같습니다:
부트스트랩 스타일 CSS가 자동으로 참조한다고 적었습니다,
여러 파일 업로드 지원,
중복 파일을 자동으로 식별합니다,
선택 사항: 자동 업로드 및 수동 업로드,
한 페이지에 여러 개의 업로드 컨트롤을 렌더링할 때 충돌 없이 가능합니다
그 후 WebUploader 관련 설정 매개변수를 직접 설정할 수 있습니다.
제가 패키징한 JS 위젯으로 바로 넘어가죠 (조금 복잡하지만 참고하죠):
관련 있고 더 중요한 파라미터들이 메모와 함께 작성되어 있으니, 직접 참고할 수 있습니다.
그럼 그를 이용하자.
JS와 HTML은 다음과 같이 작성하세요:
괜찮아요, 참고할 만한 점입니다
powerWebUpload의 매개변수에 대해서는 공식 웹사이트의 API를 참조해 주세요
GetFilesAddress() 메서드는 업로드 후 파일 경로 배열을 반환하는데, 직접 가져올 수 있습니다.
마지막으로, 제가 마지막으로 작성한 데모는 MVC를 사용해 구현된 것으로, 직접 다운로드하실 수 Asp.net 습니다:
바이두 넷디스크:
링크: http://pan.baidu.com/s/1o8B0xOQ 비밀번호: 9kws
원본: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
게시됨 2016. 6. 27. 오후 3:13:30
|
|
|
|
게시됨 2020. 5. 4. 오후 9:03:04