技术资料查询
一起进步

Vuejs

六、文件上传系列-断点续传和跨端续传-珊瑚贝

六、文件上传系列-断点续传和跨端续传

shanhubei阅读(447)赞(0)

我们要上传一个1G+的大文件,前端采用分片上传,但是由于某种原因比如要下班了,断电了或是网线被拔掉了,上传被迫中断。那么别急,我们有断点续传功能,你可以将大文件带回家慢慢从中断处继续上传,而不需要重新上传整个文件。 断点续传原理及流程 文章...

五、文件上传系列-秒传文件-珊瑚贝

五、文件上传系列-秒传文件

shanhubei阅读(449)赞(1)

我们在使用云盘上传文件时会发现秒传文件,速度极快,这是怎么回事呢?秒传文件其实是因为我们要上传的文件前,服务端已经查询到该文件已经存在,没必须再传一份一模一样的文件,直接告诉前端文件已经传好了,让用户有了飞快的感觉。 为什么会秒传 前面说了...

四、文件上传系列-计算文件MD5值-珊瑚贝

四、文件上传系列-计算文件MD5值

shanhubei阅读(621)赞(0)

根据业务需要,在上传文件前我们要读取文件的md5值,将md5值传给后端用作秒传和断点续传文件的唯一标识。那么前端就需要使用js获取文件的md5值,对于普通小文件可以很轻松的读取文件md5值,而超大文件的md5值是如何快速的获取到的呢? 超大...

三、文件上传系列-后端合成文件

shanhubei阅读(430)赞(0)

在上一节文章中,我们介绍了前端文件分片上传,了解vue-simple-uploader组件自带分片上传功能,大文件一片片依次上传到后端服务器后,后端程序要将分片合成一个完整的文件,那么PHP是如何处理合成分片的呢?请看本节讲解。 前端什么时...

二、文件上传系统-文件分片-珊瑚贝

二、文件上传系统-文件分片

shanhubei阅读(440)赞(0)

我们需要上传一个大文件,比如上G的视频文件,通常我们后端会对上传文件进行限制,一般不宜过大,5MB左右为好。如果文件过大,超出http服务端请求大小限制,请求时间超时,传输中断导致上传失败,那么我们可以将文件进行分片上传。 分片上传的原理就...

一、文件上传系列-vue-simple-uploader

shanhubei阅读(599)赞(0)

此部分源码; https://gitee.com/shanhubei/vue-file-uploader 使用vue-simple-uploader上传文件和文件夹 文件上传在项目中应用广泛,尤其类似网盘上传文件的应用,需要批量上传文件、文...

HTML5点播m3u8(hls)格式视频

shanhubei阅读(914)赞(0)

效果案例显示 这两年来我们发现越来越多的视频应用使用了m3u8格式的视频,因为可以兼容PC、移动端。相比mp4等视频源,m3u8可以减轻服务器压力(按需加载)。HLS是由苹果公司率先提出的一种协议标准,可用于直播。 m3u8是一种基于HLS...

Vue移动端右滑屏幕返回上一页

shanhubei阅读(931)赞(0)

有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件,提高用户体验。本文结合实例讲解如何实现Vue移动端右滑屏...

Vue.js项目开发技术解析-珊瑚贝

Vue.js项目开发技术解析

shanhubei阅读(947)赞(0)

Vue.js项目开发技术解析 一、Vue.js实例 在一个Vue.js工程中,用于显示内容最基层的实例称之为根实例。通过该实例可以进行页面或组件的更新和显示。对于项目本身而言,无论是什么样的页面,都要基于该根实例进行显示。 1.1、何为构造...

从一个电影网站项目学习[前台显示端]—Vue.js

shanhubei阅读(871)赞(0)

本篇文章通过一个完整的电影介绍和电影资源发布网站的项目,过一遍Vue.js。 通过前面章节的介绍 http://www.shanhubei.com/tag/vue 或在本平台下的相关文章了解一下。(ps本人是通过工具编辑器编写,同步在多个平...