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

【vue上传文件——hash】

vue上传文件

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

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

http://www.lryc.cn/news/70099.html

相关文章:

  • 【OpenCV DNN】Flask 视频监控目标检测教程 01
  • (转载)从0开始学matlab(第10天)—自顶向下的编程思想
  • mapreduce技术
  • AI智慧安监视频平台EasyCVR视频出现不能播放的情况排查与解决
  • 嵌入式学习之Linux驱动(第九期_设备模型_教程更新了)_基于RK3568
  • LeetCode662.设计循环队列||4种方法实现
  • 人工智能专栏第十二讲——依存解析
  • nest日志包pino、winston配置-懒人的折腾
  • 一文看懂增值税发票识别OCR:从技术原理到 API Java 示例代码接入
  • 消息队列对比
  • Ceph对象存储的基本概念,使用以及优点
  • 工业互联网UWB定位系统源码,支持自定义开发
  • VIC模型教程
  • 软件著作权容易搞吗?
  • Mac打出特殊字符
  • java设计模式之单例设计模式的前世今生
  • 小航助学2023年3月GESP_C++一级试卷(含题库答题软件账号)
  • 好程序员:女生学Java好学吗?女生学Java有什么优势?
  • 为Eclipse安装lombok插件
  • spring-boot 实现接口转发服务,同时支持get 和 post等多种请求
  • About JDKFlightRecorder--人工翻译
  • 【计算机系统基础3】数据的存储与运算
  • 【算法】快速排序
  • 【移动端网页布局】流式布局案例 ③ ( 实现搜索栏功能 | 伪元素选择器 | 子绝父相 | 外边距塌陷处理 | 二倍精灵图处理方案 )
  • 【C++修炼之路】30.可变参数模板包装器
  • Linux防火墙之firewalld基础
  • GitLab CI/CD
  • PHP复习资料(未完待续)
  • 【python】pytorch包(第二章)API使用与介绍
  • Linux驱动基础(SR501人体感应模块)