mirror of
https://github.com/keven1024/015.git
synced 2026-05-26 07:08:02 +00:00
feat: replace SparkMD5 with js-md5 for file hash calculation and clean up unused code
This commit is contained in:
keven1024
@@ -1,44 +1,47 @@
|
||||
import SparkMD5 from 'spark-md5';
|
||||
import { noop } from 'lodash-es';
|
||||
import { noop } from 'lodash-es'
|
||||
import { md5 } from 'js-md5'
|
||||
|
||||
interface CalcFileHashProps {
|
||||
file: File;
|
||||
onProgress?: (current: number) => void;
|
||||
chunkSize?: number;
|
||||
file: File
|
||||
onProgress?: (current: number) => void
|
||||
chunkSize?: number
|
||||
}
|
||||
|
||||
const calcFileHash = async (props: CalcFileHashProps) => {
|
||||
const { file, onProgress = noop, chunkSize = 100 } = props || {};
|
||||
const finalChunkSize = chunkSize * 1024 * 1024;
|
||||
const chunks = Math.ceil(file.size / finalChunkSize);
|
||||
const spark = new SparkMD5.ArrayBuffer(); // 使用 SparkMD5 增量计算哈希
|
||||
const fileReader = new FileReader();
|
||||
const { file, onProgress = noop, chunkSize = 100 } = props || {}
|
||||
const blob = await file.arrayBuffer()
|
||||
const hash = md5(blob)
|
||||
return hash
|
||||
// const finalChunkSize = chunkSize * 1024 * 1024;
|
||||
// const chunks = Math.ceil(file.size / finalChunkSize);
|
||||
// const spark = new SparkMD5.ArrayBuffer(); // 使用 SparkMD5 增量计算哈希
|
||||
// const fileReader = new FileReader();
|
||||
|
||||
const readChunk = (start: number): Promise<ArrayBuffer> => {
|
||||
return new Promise((resolve, reject) => {
|
||||
const chunk = file.slice(start, start + finalChunkSize);
|
||||
fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer);
|
||||
fileReader.onerror = reject;
|
||||
fileReader.readAsArrayBuffer(chunk);
|
||||
});
|
||||
};
|
||||
// const readChunk = (start: number): Promise<ArrayBuffer> => {
|
||||
// return new Promise((resolve, reject) => {
|
||||
// const chunk = file.slice(start, Math.min(start + finalChunkSize, file.size));
|
||||
// fileReader.onload = (e) => resolve(e.target?.result as ArrayBuffer);
|
||||
// fileReader.onerror = reject;
|
||||
// fileReader.readAsArrayBuffer(chunk);
|
||||
// });
|
||||
// };
|
||||
|
||||
try {
|
||||
const progressCallback = (current: number) => {
|
||||
const percentage = Math.round((current / chunks) * 100);
|
||||
onProgress(percentage);
|
||||
};
|
||||
// try {
|
||||
// const progressCallback = (current: number) => {
|
||||
// const percentage = Math.round((current / chunks) * 100);
|
||||
// onProgress(percentage);
|
||||
// };
|
||||
|
||||
for (let i = 0; i < chunks; i++) {
|
||||
const chunk = await readChunk(i * chunkSize);
|
||||
spark.append(chunk);
|
||||
progressCallback(i + 1);
|
||||
}
|
||||
// for (let i = 0; i < chunks; i++) {
|
||||
// const chunk = await readChunk(i * chunkSize);
|
||||
// spark.append(chunk);
|
||||
// progressCallback(i + 1);
|
||||
// }
|
||||
|
||||
return spark.end();
|
||||
} catch (error) {
|
||||
throw error;
|
||||
}
|
||||
// return spark.end();
|
||||
// } catch (error) {
|
||||
// throw error;
|
||||
// }
|
||||
}
|
||||
|
||||
export default calcFileHash;
|
||||
export default calcFileHash
|
||||
|
||||
@@ -1,70 +1,71 @@
|
||||
{
|
||||
"name": "015-front",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"build": "nuxt build",
|
||||
"dev": "nuxt dev",
|
||||
"generate": "nuxt generate",
|
||||
"preview": "nuxt preview",
|
||||
"postinstall": "nuxt prepare"
|
||||
},
|
||||
"dependencies": {
|
||||
"@nuxt/image": "1.10.0",
|
||||
"@nuxtjs/i18n": "9.5.5",
|
||||
"@pinia/nuxt": "^0.11.0",
|
||||
"@tailwindcss/postcss": "^4.1.3",
|
||||
"@tailwindcss/vite": "^4.1.3",
|
||||
"@tanstack/vue-query": "^5.76.0",
|
||||
"@tiptap/extension-blockquote": "^2.11.7",
|
||||
"@tiptap/extension-bold": "^2.11.7",
|
||||
"@tiptap/extension-heading": "^2.11.7",
|
||||
"@tiptap/extension-italic": "^2.11.7",
|
||||
"@tiptap/extension-paragraph": "^2.11.7",
|
||||
"@tiptap/extension-placeholder": "^2.11.7",
|
||||
"@tiptap/extension-strike": "^2.11.7",
|
||||
"@tiptap/extension-text": "^2.11.7",
|
||||
"@tiptap/pm": "^2.11.7",
|
||||
"@tiptap/starter-kit": "^2.11.7",
|
||||
"@tiptap/vue-3": "^2.11.7",
|
||||
"@unovis/ts": "^1.5.1",
|
||||
"@unovis/vue": "^1.5.1",
|
||||
"@vee-validate/nuxt": "^4.15.0",
|
||||
"@vee-validate/rules": "^4.15.0",
|
||||
"axios": "^1.8.4",
|
||||
"class-variance-authority": "^0.7.1",
|
||||
"clsx": "^2.1.1",
|
||||
"dayjs": "^1.11.13",
|
||||
"filesize": "^10.1.6",
|
||||
"lodash-es": "^4.17.21",
|
||||
"lucide-vue-next": "^0.487.0",
|
||||
"markdown-it": "^14.1.0",
|
||||
"motion-v": "1.0.0-beta.2",
|
||||
"nuxt": "^3.17.4",
|
||||
"nuxt-lucide-icons": "1.0.5",
|
||||
"pinia": "^3.0.2",
|
||||
"qrcode": "^1.5.4",
|
||||
"reka-ui": "^2.2.0",
|
||||
"vue": "^3.5.16",
|
||||
"vue-router": "^4.5.1",
|
||||
"vue-sonner": "^1.3.2",
|
||||
"shadcn-nuxt": "2.0.1",
|
||||
"spark-md5": "^3.0.2",
|
||||
"tailwind-merge": "^3.2.0",
|
||||
"tailwindcss": "^4.1.3",
|
||||
"tiptap-markdown": "^0.8.10",
|
||||
"tw-animate-css": "^1.2.5",
|
||||
"vaul-vue": "^0.4.1"
|
||||
},
|
||||
"packageManager": "pnpm@9.11.0+sha512.0a203ffaed5a3f63242cd064c8fb5892366c103e328079318f78062f24ea8c9d50bc6a47aa3567cabefd824d170e78fa2745ed1f16b132e16436146b7688f19b",
|
||||
"devDependencies": {
|
||||
"@nuxtjs/tailwindcss": "^6.13.2",
|
||||
"@tailwindcss/typography": "^0.5.16",
|
||||
"@types/markdown-it": "^14.1.2",
|
||||
"@types/qrcode": "^1.5.5",
|
||||
"@types/lodash-es": "^4.17.12",
|
||||
"@types/spark-md5": "^3.0.5",
|
||||
"@vueuse/core": "^13.0.0",
|
||||
"@vueuse/nuxt": "^13.0.0"
|
||||
}
|
||||
"name": "015-front",
|
||||
"private": true,
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"build": "nuxt build",
|
||||
"dev": "nuxt dev",
|
||||
"generate": "nuxt generate",
|
||||
"preview": "nuxt preview",
|
||||
"postinstall": "nuxt prepare"
|
||||
},
|
||||
"dependencies": {
|
||||
"@nuxt/image": "1.10.0",
|
||||
"@nuxtjs/i18n": "9.5.5",
|
||||
"@pinia/nuxt": "^0.11.0",
|
||||
"@tailwindcss/postcss": "^4.1.3",
|
||||
"@tailwindcss/vite": "^4.1.3",
|
||||
"@tanstack/vue-query": "^5.76.0",
|
||||
"@tiptap/extension-blockquote": "^2.11.7",
|
||||
"@tiptap/extension-bold": "^2.11.7",
|
||||
"@tiptap/extension-heading": "^2.11.7",
|
||||
"@tiptap/extension-italic": "^2.11.7",
|
||||
"@tiptap/extension-paragraph": "^2.11.7",
|
||||
"@tiptap/extension-placeholder": "^2.11.7",
|
||||
"@tiptap/extension-strike": "^2.11.7",
|
||||
"@tiptap/extension-text": "^2.11.7",
|
||||
"@tiptap/pm": "^2.11.7",
|
||||
"@tiptap/starter-kit": "^2.11.7",
|
||||
"@tiptap/vue-3": "^2.11.7",
|
||||
"@unovis/ts": "^1.5.1",
|
||||
"@unovis/vue": "^1.5.1",
|
||||
"@vee-validate/nuxt": "^4.15.0",
|
||||
"@vee-validate/rules": "^4.15.0",
|
||||
"axios": "^1.8.4",
|
||||
"class-variance-authority": "^0.7.1",
|
||||
"clsx": "^2.1.1",
|
||||
"dayjs": "^1.11.13",
|
||||
"filesize": "^10.1.6",
|
||||
"js-md5": "^0.8.3",
|
||||
"lodash-es": "^4.17.21",
|
||||
"lucide-vue-next": "^0.487.0",
|
||||
"markdown-it": "^14.1.0",
|
||||
"motion-v": "1.0.0-beta.2",
|
||||
"nuxt": "^3.17.4",
|
||||
"nuxt-lucide-icons": "1.0.5",
|
||||
"pinia": "^3.0.2",
|
||||
"qrcode": "^1.5.4",
|
||||
"reka-ui": "^2.2.0",
|
||||
"shadcn-nuxt": "2.0.1",
|
||||
"spark-md5": "^3.0.2",
|
||||
"tailwind-merge": "^3.2.0",
|
||||
"tailwindcss": "^4.1.3",
|
||||
"tiptap-markdown": "^0.8.10",
|
||||
"tw-animate-css": "^1.2.5",
|
||||
"vaul-vue": "^0.4.1",
|
||||
"vue": "^3.5.16",
|
||||
"vue-router": "^4.5.1",
|
||||
"vue-sonner": "^1.3.2"
|
||||
},
|
||||
"packageManager": "pnpm@9.11.0+sha512.0a203ffaed5a3f63242cd064c8fb5892366c103e328079318f78062f24ea8c9d50bc6a47aa3567cabefd824d170e78fa2745ed1f16b132e16436146b7688f19b",
|
||||
"devDependencies": {
|
||||
"@nuxtjs/tailwindcss": "^6.13.2",
|
||||
"@tailwindcss/typography": "^0.5.16",
|
||||
"@types/lodash-es": "^4.17.12",
|
||||
"@types/markdown-it": "^14.1.2",
|
||||
"@types/qrcode": "^1.5.5",
|
||||
"@types/spark-md5": "^3.0.5",
|
||||
"@vueuse/core": "^13.0.0",
|
||||
"@vueuse/nuxt": "^13.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user