
你好!
在你需要设置断点的代码左边点一下蓝点
然后以调试模式运行
当程序运行到这一步时,就会自动暂停了
这时可以按F7或F8单步调试
有,可以通过HTML5File
api
实现断点续传。
一、实现文件多选
HTML5的<input>新增了"multiple"属性,该属性可接受多个值的文件上传字段
<input
type="file"
multiple="multiple"
name="file"id="file">添加了该属性用户就可以在d出的对话框中一次性选择多个文件了
二、实现文件从计算机拖拽到网页以及添加文件队列功能
这里我们用
dragover
和
drop
两个事件来管理文件拖拽的功能
其中
dragover
用来处理在指定的元素上移动时的事件,这里我们通过给body绑定dragover时间来处理页面中拖动文件的事件
document.body.addEventListener('dragover',
dragFile,false)function
dragFile(evt)
{evt.stopPropagation()evt.preventDefault()evt.dataTransfer.dropEffect
=
'copy'}用
drop
事件来处理鼠标松开时候的事件,此时应该将用户拖动过来的文件加入到上传队列中,以供后续的处理
document.body.addEventListener('drop',
dropFile,false)function
dragFile(evt)
{evt.stopPropagation()evt.preventDefault()//
dataTransfer.files属性可以获取到所有拖动选择的文件,通过遍历可以读取到所有文件的信息。//
遍历每个文件可以获取到文件的
name、size、type、lastModifiedDate等关键信息var
files
=
evt.dataTransfer.files//
addfile
方法
用来添加上传文件队列,在input的change事件中也需要调用//
该方法首先检查有无文件正在上传中,如果有就将后续加入的文件放到上传队列中,如果没有文件正在上传就直接执行上传命令addfile(files)}
断点续传指的是在下载或上传时,将下载或上传任务(一个文件或一个压缩包)人为的划分为几个部分,每一个部分采用一个线程进行上传或下载,如果碰到网络故障,可以从已经上传或下载的部分开始继续上传下载未完成的部分,而没有必要从头开始上传下载。用户可以节省时间,提高速度。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)