一种基于webworker的PC端文件上传方法与流程

文档序号:23989432发布日期:2021-02-20 12:58阅读:来源:国知局

技术特征:
1.一种基于web worker的pc端文件上传方法,其特征在于,包括以下步骤:s1:初始化worker线程;s2:在主线程中调用antd提供的upload组件用于批量选择文件;s3:在主线程中重写upload组件的beforeupload方法,在上传前对文件进行预处理,记录文件的数量;s4:在主线程中载入文件至filelist,更新视图;s5:在主线程中调用postmessage通知worker线程发起文件上传操作,并向worker线程传输数据;s6:在worker线程中获取对应的oss上传地址,接收文件流的读取,将文件流推送到oss地址上,并注册推送请求的取消事件;s7:文件开始上传,在文件上传请求过程中,在worker线程中调用postmessage通知主线程执行相应的操作;s8:主线程接收worker线程推送的上传文件状态变更通知后,更新文件上传进度和结果,变动部分文件列表的存档,定期手动把存档的变动部分更新到视图中的filelist中。2.根据权利要求1所述的基于web worker的pc端文件上传方法,其特征在于,所述步骤s3中预处理的过程包括对单个文件的大小和文件名长度进行限制,通知页面在右下角展示出文件队列上传进度的浮窗,当有多个任务浮窗时将当前任务的浮窗置于最上方的位置。3.根据权利要求1所述的基于web worker的pc端文件上传方法,其特征在于,所述步骤s4中在载入待上传文件前还包括步骤:重写upload组件的onchange,设置组件为受控模式;当载入待上传文件并触发onchange时,进行计数。4.根据权利要求1所述的基于web worker的pc端文件上传方法,其特征在于,所述主线程在通知worker线程后,注册上传文件的回调事件,对应upload组件暴露的onprogress、onsuccess、onerror。5.根据权利要求4所述的基于web worker的pc端文件上传方法,其特征在于,所述步骤s8还包括主线程执行上传文件对应的回调事件。6.根据权利要求1所述的基于web worker的pc端文件上传方法,其特征在于,所述步骤s5中传输的数据包括文件对象、队列标识。7.根据权利要求1所述的基于web worker的pc端文件上传方法,其特征在于,所述步骤s7的相应的操作包括请求进度更新时通知主线程调用onprogress、上传成功时调用onsuccess、上传报错时调用onerror,在文件上传过程中,在worker线程中调用onprogress方法来返回上传进度百分比的值并展示,文件上传成功之后调用onsuccess方法来返回上传成功后生成的文件oss地址,展示文件上传成功的提示,并结束文件的上传过程。8.根据权利要求1所述的基于web worker的pc端文件上传方法,其特征在于,在所述步骤s7中的文件上传过程中,若用户主动取消上传,则通知worker线程调用注册的上传队列对应的取消事件,中断本次上传。9.一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至8任一项所述方法的步骤。10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在
于,所述计算机程序被处理器执行时实现如权利要求1至8任一项所述方法的步骤。
当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1