首页 > 编程语言 >JavaScript文件夹上传解决方案

JavaScript文件夹上传解决方案

时间:2023-02-28 18:14:36浏览次数:55  
标签:文件 截图 断点续传 wordpaster 前端 JavaScript 文件夹 上传

 项目描述

工具类包封装了一些关于分片md5验证、断点续传、分片上传、等方法
前端样例使用百度插件 WebUploader , 插件的源码还是有一定的问题的
分片上传是需要前后端高度配合的

功能:

  • 断点续传 本次最主要的基础功能,在断网或者在暂停的情况下,能够在上传断点中继续上传。

  • 分块上传 也是归属于断点续传的基础功能之一,前端大文件分块后端组合,断点续传也是重传出错的这个分块

  • 文件秒传 上传前验证md5 ,服务端返回一个代表这个文件已经上传了的状态,前端跳过这个文件

  • 普通上传 顺带着写了一个

  • 并发上传 这个是前端插件的功能

  • 上传速率 依据两次上传的时间差 / 两次上传的文件差 得出

前端略微修改了一些 WebUploader 官方的JS
新增了dialogOpen事件、文件新增file.uploadRate(上传速率)属性

运行环境

jdk8+tomcat+IntelliJ IDEA+maven

项目技术(必填)

springBoot + web-uploader

项目截图(必填)

编辑

编辑

验证MD5部分截图

编辑

文件上传部分源码截图

编辑

运行截图(必填)

文件上传

 

编辑

视频上传

编辑

安装tool-1.0.jar包复制到 maven 本地仓库的 com 目录下

详细思路及源码

示例下载:

wordpaster-vue3-cli-ueditor1.5wordpaster-vue-ueditor1.5wordpaster-asp.net-ueditor1.5xwordpaster-php-ueditor1xwordpaster-jsp-ueditor1x​

标签:文件,截图,断点续传,wordpaster,前端,JavaScript,文件夹,上传
From: https://www.cnblogs.com/zyzzz/p/17165469.html

相关文章

  • JavaScript Window Screen
    JavaScript WindowScreenwindow.screen对象包含有关用户屏幕的信息。WindowScreenwindow.screen对象在编写时可以不使用window这个前缀。一些属性:screen.ava......
  • JS文件夹上传解决方案
    ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持......
  • JavaScript Window - 浏览器对象模型
    JavaScript Window-浏览器对象模型浏览器对象模型(BOM)使JavaScript有能力与浏览器"对话"。浏览器对象模型(BOM)浏览器对象模型(Browser Object Model(BOM)......
  • JavaScript Window Location
    JavaScript WindowLocationwindow.location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面。WindowLocationwindow.location 对象在编写时可不使......
  • JavaScript 闭包
    JavaScript 闭包JavaScript变量可以是局部变量或全局变量。私有变量可以用到闭包。全局变量函数可以访问由函数内部定义的变量,如:实例functionmyFunction(){......
  • JavaScript Array(数组) 对象
    JavaScript Array(数组) 对象数组对象的作用是:使用单独的变量名来存储一系列的值。在线实例创建数组,为其赋值:实例varmycars=newArray();mycars[0]="Saab......
  • JavaScript Math(算数) 对象
    JavaScript Math(算数) 对象Math(算数)对象的作用是:执行常见的算数任务。在线实例round()如何使用round()。random()如何使用random()来返回0到1之间的随机数......
  • JavaScript Boolean(布尔) 对象
    JavaScript Boolean(布尔) 对象Boolean(布尔)对象用于将非布尔值转换为布尔值(true或者false)。在线实例检查布尔值检查布尔对象是true还是false。完整的Boolea......
  • JavaScript RegExp 对象
    JavaScript RegExp 对象RegExp:是正则表达式(regularexpression)的简写。完整RegExp对象参考手册请查看我们的 JavaScriptRegExp对象的参考手册,其中提供了可以与......
  • JavaScript 对象
    JavaScript 对象JavaScript中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript允许自定义对象。所有事物都是对象JavaScript提供多个内建对象,比如......