DEXTUpload X5 React 모듈로 대용량 파일 업로드 구현하기

DEXTUpload X5는 React 환경에서 대용량 파일 업로드를 간편하게 구현할 수 있도록
공식 npm 패키지 3종을 제공합니다. React 래퍼(dextuploadx5-react),
Webpack 자동화 헬퍼(dextuploadx5-react-webpack),
Node.js Express 핸들러(dextuploadx5-express-handler)를 통해
멀티파트 업로드 및 재개(Resume) 업로드를 쉽게 적용할 수 있습니다.

dextuploadx5-react란?

DEXTUpload X5의 React 래퍼 패키지로 대용량 파일 업로드를 쉽게 구현하세요. dextuploadx5-react, Webpack Helper, Express Handler 모듈 소개 및 설치 가이드 제공. React 18 이상 지원.

dextuploadx5-react에는 DEXTUpload X5 4.4.0.0 버전에 포함되어 배포됩니다.

또한,  아래 사이트에서도 받아서  간단한 테스트도 가능합니다.

https://www.npmjs.com/~dextsolution

• dextuploadx5-react v0.0.1: DEXTUploadX5 React Wrapper
• dextuploadx5-react-webpack v0.0.1: dextuploadx5-react    (배포 지원)
• dextuploadx5-express-handler v0.0.2: Express.js(node.js기반) 웹 플랫폼에서 대용량 파일 업로드 지원 모듈

리액트 환경에서 더 쉽게 개발할 수 있습니다.

위 페이지로 가면  간단한 예제와 함께 인스톨방법도 안내되어 있습니다.

https://www.dextsolution.com/evaluation/evaluation.aspx

덱스트솔루션 데모페이지에서도 다운로드 가능합니다.  (v 4.4.0.0)

임시라이센스도 바로 받을 수 있고,  30일 이상 장기간 테스트시 필요한 임시 라이센스도  발급받으실 수 있습니다.

(문의 :  info@dext.co.kr ,  02-6719-6219 )

---

DEXTUploadX5의 멀티파트 및 재개 가능한 업로드를 위한 React 래퍼 패키지입니다.

이 패키지는 React 프로바이더를 통해 DEXTUploadX5 브라우저 스크립트를 로드하고 목록, 그리드, 타일 및 단일 UI 유형에 사용할 수 있는 React 컴포넌트를 제공합니다.

• DEXTUploadX5Provider로드되는 것을 제공합니다dextuploadx5.js
• 목록, 그리드, 타일 및 단일 UI 모드에 대한 React 컴포넌트를 제공합니다.
• DX5기본 전역 DX5 객체에 접근하기 위한 헬퍼 함수가 포함되어 있습니다.
• DX5 인스턴스가 준비될 때까지 기다리는 React refs를 지원합니다.
• TypeScript 프로젝트에 필요한 TypeScript 선언이 포함되어 있습니다.
• 유지 react및 react-dom피어 종속성

• React 18 이상
• ReactDOM 18 이상 버전
• 브라우저에서 사용 가능한 DEXTUploadX5 제품 설치 (정품 라이선스)
• dextuploadx5-react@0.0.5DEXTUploadX5 4.4.0.0이상 버전이 필요합니다.

---

 

Webpack 헬퍼 패키지입니다 dextuploadx5-react.

dextuploadx5-react런타임 시 DX5 정적 파일을 사용할 수 있어야 합니다 productPath.

이 패키지는 Webpack 프로젝트에서 해당 설정을 자동화합니다. 개발 또는 프로덕션 빌드 중에 DX5 파일을 서비스될 경로로 복사하고 productPath, 해당 디렉터리를 .webpack에 등록할 수도 있습니다 devServer.

• withDEXTUploadX5()기존 Webpack 설정을 확장할 수 있도록 노출합니다.
• DX5 정적 파일을 지정된 위치로 자동으로 복사합니다.productPath
• 개발 및 프로덕션 Webpack 워크플로우 모두에서 작동합니다.
• DX5 정적 파일을 Webpack 출력 디렉터리에 복사할 수 있습니다.
• DX5 정적 파일을 별도의 공용 디렉터리에 복사할 수 있습니다.
• 정적 디렉터리를 등록할 수 있습니다.webpack-dev-server

• Webpack 5 이상 버전
• dextuploadx5-react@0.0.1또는 그 이후
• DEXTUploadX5 4.4.0.0 (beta)이상 버전을 통해dextuploadx5-react

---

DEXTUploadX5 멀티파트 및 재개 가능한 업로드를 위한 빠른 업로드 처리기입니다.

이 패키지는 일반 멀티파트 업로드와 DEXTUploadX5 EXTS 재개 업로드를 지원하며, 수신되는 청크를 임시 디렉터리에 저장하고, 업로드된 파일을 FileItem객체로 노출하여 라우트에서 파일을 저장할 위치와 방법을 결정할 수 있도록 합니다.

• DEXTUploadX5에서 처리하는 표준 멀티파트 업로드를 지원합니다.
• DEXTUploadX5 EXTS 재개 가능한 업로드를 지원합니다.
• 일반 Express 경로 처리기처럼 작동합니다.
• 업로드된 파일을 간단한 FileItemAPI를 통해 노출합니다.
• TypeScript 프로젝트에 필요한 TypeScript 선언이 포함되어 있습니다.
• 애플리케이션에서 최종 파일 이름, 디렉터리 및 응답 형식을 제어할 수 있습니다.
• 유지 express및 multer피어 종속성

• Node.js 18 이상
• 4.18+ 또는 5.x를 표현하세요
• 멀터 2.1+