点击空白处退出提示
作品详情
该项目使用的vue2、vue3开发的,负责项目搭建和日常的开发需求。
我负责的模块有文件上传、webshell的实现、文件的下载、登录等功能实现
1、文件上传,在超过100M大小时,采用文件分片上传和断点续传,加快上歘速度和秒传
通过new FileReader()方法异步读取文件对象,获取文件大小计算当前分片数量,使用spark-md5插件,为每一个分片添加hash,创建ajax请求,并发请求等,后期使用的vue-simple-uploader分片上传插件
2、网页是实现webshell的嵌入,实现在网页中操作shell命令的功能
xterm.js插件,实现网页嵌入shell命令窗口,前端发送命令后端接收后处理返回前端展示,需要跟后端保持长连接,使用的sockjs-client插件实现websock的全双工通信
3、文件下载
文件下载功能实现,获取后端二进制流文件,前台创建Blob对象接收,创建URL.createobjecturl转成地址,创建a标签然后下载
开发中遇到的webshell大小不能自适应浏览器和文件长度超过一行大小无法折行的的问题,解决方案:在插件中设置cols和rows的值,设置完成后在回传给后台,使后端设置成前端的cols即可解决前端窗口自适应的问题
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论