写了一个纯浏览器计算 MD5 的工具

[3dwelcome]

尝试性用 JS 处理批量文件，没想到速度还挺快的。

https://tool2d.com/#hashtool

[3dwelcome]

说一下为什么要加入 SHA384 这种奇怪的算法。

是因为在 HTML 里，可以写成《 script type="text/javascript" src="file.js" integrity="sha384-7sS22HW0Ysm52kESvFEMf9indNH+3BYSMQzmC1FP57h2Ubwya50bu7FuHGa8N75D" crossorigin="anonymous"》《/script 》之类的。

有 integrity 保护后，对于第三方不信任的 CDN ，就无法插入额外代码，确保 JS 资源 100%正确性。

[pengtdyd]

学到一个新的知识点

[linglin0924]

这个交互，我还以为会上传我的文件到服务器呢，还是在我的本地浏览器里计算的。

[3dwelcome]

@linglin0924 是的，上传提示是 chrome 给的，很容易被误导。

[duke807]

md5sum *
一條命令就行不香嗎？

[zagfai]

@duke807 这就是命令爱好者和 UI 爱好者的区别，我有个朋友和我持相反观点，我大部分操作都用命令，他没有 UI 他就不用。。。我们谁都没法说服谁。。

[0ZXYDDu796nVCFxq]

友情提醒一下楼主
如果你截图的文件是私有的，并且同步到了百度云盘或者阿里云盘之类的，别人通过 md5 碰撞或者调用接口，是可以“秒传”你的文件的

[duke807]

@zagfai 我不是什麼命令行愛好者，怎麼方便怎麼來，雖然我用 linux 做主力系統十幾年，但是我寫代碼依然會首選 eclipse 、gedit 等圖形界面，而不是 vim emacs ，反感命令行的人估計都是用的 windows 系統：命令行沒有顏色、沒有補全、字體巨醜、不能自由改變窗口大小、又沒有好用的支持命令行的程序，換我也不會用命令行，所以這不是命令行的問題，這是 windows 系統的問題，當然 windows 也在改善，只不過永遠要比其它系統慢幾十年

[3dwelcome]

@duke807 原来 md5sum 是 linux 下的命令，难怪我都没听说过。

主要是这种程序 GUI 很简单，算法都是标准库，随手写两行 API ，功能就做完了。

[boris93]

@duke807 #8 其实就是不要搞这类无谓的党争，怎么舒服怎么来
硬要说我也是命令行爱好者，但我绝不会硬着头皮用 vi 写 Java ，毕竟这是给自己添堵还降低我的生产力
我也不喜欢用 Windows 写代码，那我就把我的 Windows 机器当游戏机，写代码基本用我的 MacBook

[duke807]

@3dwelcome 蘋果也自帶有 md5 命令，就叫做 md5

網頁速度肯定要慢很多，文件大一點甚至瀏覽器直接崩掉，你可以試試加載幾個 G 大小的文件試試

[qq316107934]

@gstqc 没这么简单的，碰撞一般还需要文件大小+文件前 256K 的 hash ，防止 MD5 本身发生碰撞

[3dwelcome]

@duke807 “你可以試試加載幾個 G 大小的文件試試”

浏览器肯定有局限性，没有流式数据，肯定没办法处理几个 G 大小的文件。

但以前写的工具都是独乐乐，不如我们一起移植到网页上，变成众乐乐。

[duke807]

@3dwelcome 我也不是反對網頁，我寫電腦 gui 工具和手機 app 也都是基於網頁，譬如我這個開源的網頁加密小工具： /t/832302 ，朋友反饋一兩百 M 的文件瀏覽器就不行了

你這個工具適合電腦默認沒有 md5 工具的用戶，和手機用戶（你的工具目前手機使用貌似有 bug ），不過同類的工具應該有很多，可能支持目錄的不多吧

[0ZXYDDu796nVCFxq]

@qq316107934 百度云盘的是 md5 ，没有额外的数据

[rekulas]

@3dwelcome
@duke807 浏览器可以流式读取文件的，所以理论上可以处理大文件的，当然受限于实际情况可能会有上限
很多前端 md5 默认 hash 是一次性载入文件计算，文件大了可能会卡，可以改成分段计算，反正我们自己的工具计算 G 级文件并没有明显的问题

[PolarBears]

@gstqc #17 除了文件 md5 以外还需要前 256 KiB 的 MD5 和文件大小(字节)

[iqoo]

@3dwelcome 早就有流式数据了，file blob slice 记得十多年前就有了。

[abersheeran]

https://pixiv.app/hashing 巧了，之前也写了一个，文件或者文本的哈希值都可以计算，常见的哈希算法都包括在内了

[3dwelcome]

@abersheeran 你的算法好全。

我总觉得纯 JS 计算 SHA384 和 SHA512 很慢，特别处理大于 5M 文件的情况下。

有一种未来会改成 WASM 来计算的预感。

[duke807]

@3dwelcome 除了 sha384 ，sha256 和 sha512 也是支持的
https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity