PRO xlsx import drag-drop
XLSX Viewer
Drag & drop any .xlsx file to open it instantly in the browser. No upload — everything runs locally.
デモの解説
このデモは .xlsx ファイルをブラウザ上で完全にオープンします — アップロード・サーバー・バックエンドは一切不要です。ドロップゾーンにファイルをドラッグするか、クリックして選択するとスプレッドシートが即座に描画されます。
- ドラッグ＆ドロップまたはファイルピッカーで .xlsx ファイルをブラウザ内で ArrayBuffer として開く
- worksheet.loadFromFile(file) が XLSX 形式をパースしてセル値・スタイル・結合・罫線をすべて描画
- 全処理は ReoGrid 内蔵の XLSX パーサーによりクライアントサイドで完結 — データはブラウザ外に出ない
- 「クリア」ボタンでグリッドインスタンスを破棄して空のドロップゾーン状態にリセット
- 自分の Excel ファイルで試してみてください — レイアウト・フォント・数値書式が正しく引き継がれます
主要 API
worksheet.loadFromFile(file) ファイル入力またはドラッグ＆ドロップの .xlsx File オブジェクトをパースしてワークシートに描画
createReogrid(options) グリッドを初期化 — ファイルを開くまで空白状態を維持するため最初のファイル読み込み時に遅延呼び出し
ソースコード
TypeScript