【vue上传文件——hash】

本文介绍了一个使用Vue.js实现的文件上传流程,专注于视频文件,并通过计算文件的hash值进行重复性检查。在上传前,首先验证文件是否为视频格式,然后利用spark-md5插件计算hash值,通过比较后端是否存在相同hash的文件来决定是否真正执行上传操作。同时,文章提到了上传进度的监控和axios的CancelToken用于取消上传的逻辑。
摘要由CSDN通过智能技术生成

vue上传文件

要求:只能上传视频,先计算文件的hash值,hash值一样则不需要上传,不一样在执行上传
分析:因为el-upload没有找到合适的属性,本次用的是原生的input的type属性为file上传
代码:
html:
通过点击选取文件按钮调用input上传
通过点击选取文件按钮调用input上传
js
第一步:点击上传文件先效验是否为视频格式,检查完毕后计算hash值
点击上传文件先效验是否为视频格式,检查完毕后计算hash值
第二步:计算hash值方法,需要下载spark-md5插件
需要下载spark-md5插件

第三步:在第一步的图片中调用hash方法获取到hash值向后端发送请求看是否有一样的hash,(注:如果文件存在则直接上传成功,获取到id值发保存时带上,如果文件不存在,则需要发送上传文件的请求)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值