dropzone

Dropzoneは、任意のHTML要素をドロップゾーンに変えるJavaScriptライブラリです。ユーザーはファイルをドラッグ＆ドロップでき、ライブラリはXHRを介してアップロードを処理しながら、ファイルのプレビューとアップロード進捗を表示します。TypeScriptで書かれており、独自の型定義を同梱しているため、別途@typesパッケージは不要です。READMEによると、古い@types/dropzoneは5.7.9で更新が止まり、v5 APIを記述しているため、存在する場合は削除すべきです。 インストールはnpm（npm install dropzone）またはpnpmで行います。ES6モジュールまたはCommonJSモジュールとして使用できます。パッケージマネージャーやバンドラーを使用しないプロジェクト向けには、unpkgからスタンドアロンファイルを入手でき、Dropzoneをグローバル変数として公開し、スタイルシートも含まれています。 文書化されている機能には、魅力的なデフォルトスタイル、thumbnail(file, data)コールバックによる画像サムネイルプレビュー、高DPI画面のサポート、複数ファイルと同期アップロード、進捗更新、チャンクアップロードによる大容量ファイルのサポート、Amazon S3 Multipartアップロードのサポート、デフォルトのイベントリスナーを上書きすることによる完全なテーマ変更、アップロード前のブラウザ側での画像リサイズなどがあります。READMEには、このライブラリは十分にテストされていると記載されています。 リポジトリはモノレポであり、npmにdropzone（packages/dropzone）として公開されているライブラリ、Docusaurusで構築されたドキュメント（apps/docs）、SvelteKitで構築されたウェブサイト（apps/website）が含まれています。開発コマンドには、pnpm install、pnpm build、pnpm test、pnpm test:e2e、pnpm dev:docs、pnpm dev:websiteがあります。単一のpnpm build:siteコマンドで、ルートのウェブサイトと/docs配下のドキュメントを組み合わせた、デプロイ可能なGitHub Pagesサイトを_site/に生成します。CIも同じスクリプトを実行します。 Dropzone 6はInternet Explorerをサポートしていません。その場合はバージョン5.9.3が推奨されます。コミュニティサポートは、バグ報告専用のissueトラッカーではなく、GitHub Discussionsまたはdropzone.jsタグを付けたStack Overflowで行われます。プロジェクトはMITライセンスです。