当前位置: 首页 > news >正文

优秀材料写作网站网站建设胡菘

优秀材料写作网站,网站建设胡菘,福州网站建设方案,手机软件开发app需要学什么前端获取文件的md5值,与文件一同传到后端,后端同样对md5值进行校验。如果相同,则文件未被损坏(其实这种方式优点类似于tcp、ip的差错校验,好像token也是这种方式) 项目准备 前端并不可能手写一个算法来实…

前端获取文件的md5值,与文件一同传到后端,后端同样对md5值进行校验。如果相同,则文件未被损坏(其实这种方式优点类似于tcp、ip的差错校验,好像token也是这种方式)

项目准备

前端并不可能手写一个算法来实现校验,于是在gitHub上找到一个spark-md5的js插件
SparkMD5库 library:https://github.com/satazor/SparkMD5

npm i spark-md5  -save

代码处理

在处理过程中,需要注意的是file.onload是一个异步事件,因此使用时需要使用promise封装一下,才能得到异步的返回值
,然后在后面处理ajax请求

export default function (file) {return newPromise(resolve, reject){//声明必要的变量let fileReader = new FileReader()//文件分割方法(注意兼容性)blobSlice = File.prototype.mozSlice || File.prototype.webkitSlice || File.prototype.slice,//文件每块分割2M,计算分割详情chunkSize = 2097152,chunks = Math.ceil(file.size / chunkSize),currentChunk = 0,//每块文件读取完毕之后的处理fileReader.onload = function (e) {console.log("读取文件", currentChunk + 1, "/", chunks);//每块交由sparkMD5进行计算spark.appendBinary(e.target.result);currentChunk++;//如果文件处理完成计算MD5,如果还有分片继续处理if (currentChunk < chunks) {loadNext();} else {console.log("finished loading");console.info("计算的Hash", spark.end());}//处理单片文件的上传function loadNext() {var start = currentChunk * chunkSize,end = start + chunkSize >= file.size ? file.size : start + chunkSize;fileReader.readAsBinaryString(blobSlice.call(file, start, end));}loadNext();}}
}

如果是前端生成文件流,则

let blob = new Blob([text],type:'application/octet-stream')
//blob 转arraybuffer类型 另一篇文章
let md5 = SparkMD5.ArrayBuffer.hash(arraybuffer).toString().toUpperCase();

spark-md5 的详解博客推荐
https://blog.csdn.net/qq_36017964/article/details/131247303

http://www.yayakq.cn/news/748663/

相关文章:

  • 网站首页框架图网站建设一百万
  • 网站建设业务网络广告营销的实现方式
  • 网站的开发流程分为公司网站后台怎么上传视频
  • 做网站的科技公司苏州网架公司
  • 域名后缀cn做网站阿里云和wordpress
  • 门户网站静态页面利用别人域名做自己的网站
  • 重庆做网站最好的58加盟创业网
  • 创业投资公司网站建设常州市网站建设公司
  • python 网站建设深圳网站建设高端设计
  • 国际贸易网站建设 中企动力湖北苏州哪里做网站
  • 机关单位网站安全建设做网站找哪家好?聚禄鼎科技是一家给企业做网站的公司
  • 网站销售流程大同网络公司
  • 培训网站建设课程厦门seo关键词优化
  • 效果图网站模板网站cms系统
  • 比较大的建站公司下沙网站建设
  • 网站域名怎么弄手机应用商店app
  • 免费空间网站源码微信小程序开发平台入口
  • 青岛做网站排名哪个公司做网站建设好
  • 保险网站导航杭州seo相关网站
  • 网站制作的评价解析到网站怎样做
  • 慈溪市网站建设微信小程序界面设计模板
  • 网站关键词搜索无锡电子商城网站设计
  • 买衣服的网站排行榜工程资质
  • wordpress 文章广告seo的基本工作内容
  • 松阳建设网站免费html网站模板下载
  • 工作设计室网站什么网站有题目做
  • 设计网站注意哪些问题开展网络营销的企业网站有哪些
  • 在阿里国际站做的网站找人制作网站 优帮云
  • 北京东方华美建设集团有限公司网站建设工程监理是干什么的
  • 网站水印设置作教程江门seo