An open API service indexing awesome lists of open source software.

https://github.com/quansitech/file-md5-wasm

calculate file md5 written by wasm
https://github.com/quansitech/file-md5-wasm

Last synced: 9 months ago
JSON representation

calculate file md5 written by wasm

Awesome Lists containing this project

README

          

## htmlInput file md5 calculate

Compute the MD5 signature of a file. If the file is larger than 40MB, only the first and last 10MB, as well as the middle 10MB, are read to calculate the MD5. Therefore, even when computing large files, the process will be extremely fast.

### Install
```shell
npm add @quansitech/file-md5-wasm
```

### Usage

use in ES6
```javascript
import init, {calc_file_hash} from '@quansitech/file-md5-wasm';

const upload = async (file: File) => {
await init();
const hashId = await calc_file_hash(file);
console.log(hashId);
}

```

PS. init()方法会根据webpack的 output.publicPath自动寻找wasm文件所在的位置,如果发现这个地址不正确,需要调整webpack的output.publicPath配置。

use in browser

Download the contents of the 'dist' folder. When loading 'index.js' on the webpage, the 'calc_file_hash' function will be automatically added to 'window' object.

```html

文件哈希校验


上传文件



function handleFile() {
const fileInput = document.getElementById("fileInput");
const start = new Date().getTime();
window.calc_file_hash(fileInput.files[0]).then(function(res){
const end = new Date().getTime();
console.log(`文件Md5: ${res}`);
console.log(`耗时: ${end - start}ms`);
});
}

```

#### how to build

```shell
wasm-pack build --target web --scope quansitech --package file-md5-wasm
```

publish to npm
```shell
cd pkg
npm publish
```

build index.js for browser
```shell
npm run build
```

#### Old Version Browsers

Old version browsers have poor compatibility with wasm. You may use the JS code in the JS folder as a substitute, which will also create the `calc_file_hash` function to achieve the same functionality.

```html

```