file-slice

A file slicing tool

Install

$3

``sh
pnpm add @jiangweiye/file-slice
`

$3

`sh
yarn add @jiangweiye/file-slice
`

$3

`sh
npm install @jiangweiye/file-slice
`

Usage

$3

`typescript
import { sliceFile } from '@jiangweiye/file-slice';
// specify the imported file as worker
import WorkerScript from '@jiangweiye/file-slice/worker?worker';

const CHUNK_SIZE = 1024 1024 5;
const THREAD_COUNT = 4;

const selectFile = document.querySelector('#select-file');

selectFile?.addEventListener('change', async e => {
const file = (e.target as HTMLInputElement).files?.[0];

const chunks = await sliceFile({
file: file!,
chunkSize: CHUNK_SIZE,
threadCount: THREAD_COUNT,
workerScript: () => new WorkerScript()
});

console.log('chunks', chunks);
});
`

$3

`bash
npm install worker-loader -D
`

`javascript
module.exports = {
module: {
rules: [
{
test: /\.worker\.js$/,
use: { loader: 'worker-loader' }
}
]
}
};
`

`typescript
import { sliceFile } from '@jiangweiye/file-slice';
import WorkerScript from '@jiangweiye/file-slice/slice.worker.js';

const CHUNK_SIZE = 1024 1024 5;
const THREAD_COUNT = 4;

document.getElementById('select-file').addEventListener('change', async function (e) {
const file = e.target.files?.[0];

const chunks = await sliceFile({
file: file,
chunkSize: CHUNK_SIZE,
threadCount: THREAD_COUNT,
workerScript: () => new WorkerScript()
});

console.log('chunks', chunks);
});
`

$3

`typescript
interface ISliceFileOptions {
/**
* @description 文件
*/
file: File;
/**
* @description 切片大小
@default 1024 1024
*/
chunkSize?: number;
/**
* @description 线程数
* @default navigator.hardwareConcurrency || 4
*/
threadCount?: number;
/**
* @description worker脚本
*/
workerScript: ((...args: any[]) => Worker) | string;
}
``