数字化审图中的多功能图纸上传方法和装置与流程

文档序号:17740918发布日期:2019-05-24 20:05阅读:2481来源:国知局
数字化审图中的多功能图纸上传方法和装置与流程

本发明涉及计算机技术领域,具体而言,涉及一种数字化审图中的多功能图纸上传方法和一种数字化审图中的多功能图纸上传装置。



背景技术:

相关技术中,一般采用表单输入上传,选择文件,设置好输入值,点击提交,将文件数据及签名等认证信息发送到表单设置的活动对应的页面,浏览器也会跳转到该页面,触发表单提交数据,存在技术缺陷提交数据后页面会跳转,难以从前端了解到上传结束的时间,而且在上传时需要新建输入数据,比较冗余;或者通过直译式脚本语言构造表单的数据进行上传,存在技术缺陷兼容性较差;或者使用文件阅读器读取文件数据进行上传,存在技术缺陷兼容性差,而且一次性发送大量的数据会导致浏览器卡顿,服务器端接收这样的数据可能也会出现问题。



技术实现要素:

本发明旨在至少解决现有技术或相关技术中存在的技术问题之一。

为此,本发明的一个目的在于提供一种数字化审图中的多功能图纸上传方法。

本发明的另一个目的在于提供一种数字化审图中的多功能图纸上传装置。

为了实现上述目的,本发明的第一方面的技术方案提供了一种数字化审图中的多功能图纸上传方法,包括:遍历所有选中的需要上传文件队列中的文件,基于jquery框架,获取文件名;按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格;若文件名不合格,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该技术方案中,通过遍历所有选中的需要上传文件队列中的文件,基于jquery框架,获取文件名,之后按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格,是以webuploader为基础,webuploader是一种现代文件上传组件,执行文件排队,可以兼容多个浏览器内核,兼容低版本浏览器,兼容性强,而且在缩减代码的基础上,能够实现简单高效可识别对比上传,能够试验文件名命名规范的验证,通过若文件名不合格,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息,保障了文件名的命名规范,而且有利于用户从前端明确命名不合格文件无法上传,而且上传时无需多余的数据,减少了数据冗余,有利于提升文件的上传效率,而且上传速度快,不易卡顿,而且分片与并发结合、将一个大文件分割成多块、并发上传、极大地提高大文件的上传速度、当网络问题导致传输错误时、只需要重传出错分片、而不是整个文件、另外分片传输能够更加实时的跟踪上传进度,支持常用图片格式预览与压缩、节省网络数据传输,支持文件多选、类型过滤、拖拽,兼容主流浏览器、接口一致,可以根据不同需要来更改文件名的验证,保障设计图的唯一性。

需要说明的是,jquery框架是一种快速、简洁的直译式脚本语言框架。在文件排队之前,会初始化webuploader对象,首先准备上传按钮的父标签,webuploader将在该标签内生成上传标签,webuploader对象,传入配置的对象,指定文件上传的服务器地址,指定上传按钮,加载文件,选完文件,加入到需要上传文件队列中,等待上传。

另外,webuploader组件可以通过文件对话框选择的图片,图片可以是一张,也可以是多张,加入到一个队列中,然后将该队列中所有文件上传,支持多线程上传,在文件上传之前,可以判断上传了多少张图片,在页面上动态生成相应数量的图片框,单个文件上传过程中触发的时间,在回调方法内可以接收到上传的百分比,利用这个百分比可以动态显示上传进度条,还可以接收到文件上传成功的信息,通过文件可以获取到图片的缩略图对象,可以显示缩略图,图片在加入队列之前会进行校验,判断大小、格式等等是否满足配置要求,校验不通过,可以弹窗提示用户,校验通过,就会加入队列,开始上传,如果服务器或者网络有问题导致出错触发的事件,可以提示用户上传不成功。

在上述技术方案中,优选地,还包括:在文件上传之前,基于jquery框架,计算文件的md5值;比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传;若文件为重复上传,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该技术方案中,通过比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传,一方面,实现了去重验证,提升了上传效率,另一方面,有效减少了设计图纸的剽窃现象的发生。

需要说明的是,md5值是指由消息摘要算法计算出来的代表文件唯一性的标识。

在上述任一项技术方案中,优选地,还包括:检查需要上传文件队列中的文件的页码是否连续;若文件的页码不连续,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该技术方案中,通过查需要上传文件队列中的文件的页码是否连续,进一步有效减少了设计图纸的剽窃现象的发生。

在上述任一项技术方案中,优选地,还包括:若文件名合格和/或文件为非重复上传和/或文件的页码连续,则根据输入的文件的属性上传。

在该技术方案中,通过在文件名合格和/或文件为非重复上传和/或文件的页码连续时,根据输入的文件的属性上传,一方面,保障了上传的文件的规范性,有利于数字化审图的实现,另一方面,有效减少了设计图纸的剽窃现象的发生,再一方面,有效避免了重复上传现象的发生,提高了效率,节约了资源。

在上述任一项技术方案中,优选地,预设固定分隔符包括但不限于下划线。

在上述任一项技术方案中,优选地,在遍历所有选中的需要上传文件队列中的文件之前,还包括:通过filesqueued方法,加载上传文件队列;以及,在上传文件通过验证之后,根据用户指令,基于uploadstart方法开始逐个文件上传。

本技术方案中,基于webuploader框架,通过filesqueued方法获取上传文件队列,通过uploadstart方法对上传文件分别进行独立地上传操作,能够方便地导入上传文件,并且并行上传各个文件,提升了上传的效率。其中,上传文件的验证包括但不限于文件名验证、md5验证、页码验证。

在上述任一项技术方案中,优选地,若文件名合格,根据用户指令,基于uploadstart方法开始逐个文件上传之后,还包括:

基于uploadprogress方法,获取uploadstart方法对应的各个上传文件的上传进度记录;根据上传进度记录,生成动态图形并呈现给用户。

在上述任一项技术方案中,优选地,还包括:在图片加入上传队列时校验图片尺寸、图片格式;若图片尺寸、图片格式符合预设规定,则触发加入队列的事件;若图片尺寸、图片格式不符合预设规定,则触发加入队列失败的事件,并提示给用户。

在上述任一项技术方案中,优选地,通过filesqueued方法,加载上传文件队列之前,还包括:生成webuploader对象;配置webuploader对象的server属性以指定文件上传服务器地址,配置webuploader对象的pick属性以指定上传按钮;配置webuploader对象的swf属性以指定启用flash时加载swf文件的地址,配置webuploader对象的auto属性以指定选完上传文件后不自动上传,其中,在用户手动上传之前,对文件进行文件名、md5、页码、图片尺寸、图片格式校验。

本技术方案中,采用webuploader对象进行上传,通过swf属性以指定启用flash时加载swf文件的地址,具有兼容html5和flash的特性,以及,设置auto属性以指定选完上传文件后不自动上传,对选中上传文件进行文件名、md5、页码、图片尺寸、图片格式进行校验,能够在上传文件上传服务器之前发现上传文件问题,降低服务器上传资源开销。

本发明的第二方面的技术方案提供了一种数字化审图中的多功能图纸上传装置,包括:获取单元,用于遍历所有选中的需要上传文件队列中的文件,基于jquery框架,获取文件名;验证单元,用于按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格;生成单元,用于若文件名不合格,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该技术方案中,通过遍历所有选中的需要上传文件队列中的文件,基于jquery框架,获取文件名,之后按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格,是以webuploader为基础,webuploader是一种现代文件上传组件,执行文件排队,可以兼容多个浏览器内核,兼容低版本浏览器,兼容性强,而且在缩减代码的基础上,能够实现简单高效可识别对比上传,能够试验文件名命名规范的验证,通过若文件名不合格,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息,保障了文件名的命名规范,而且有利于用户从前端明确命名不合格文件无法上传,而且上传时无需多余的数据,减少了数据冗余,有利于提升文件的上传效率,而且上传速度快,不易卡顿,而且分片与并发结合、将一个大文件分割成多块、并发上传、极大地提高大文件的上传速度、当网络问题导致传输错误时、只需要重传出错分片、而不是整个文件、另外分片传输能够更加实时的跟踪上传进度,支持常用图片格式预览与压缩、节省网络数据传输,支持文件多选、类型过滤、拖拽,兼容主流浏览器、接口一致,可以根据不同需要来更改文件名的验证,保障设计图的唯一性。

需要说明的是,jquery框架是一种快速、简洁的直译式脚本语言框架。在文件排队之前,会初始化webuploader对象,首先准备上传按钮的父标签,webuploader将在该标签内生成上传标签,webuploader对象,传入配置的对象,指定文件上传的服务器地址,指定上传按钮,加载文件,选完文件,加入到需要上传文件队列中,等待上传。

另外,webuploader组件可以通过文件对话框选择的图片,图片可以是一张,也可以是多张,加入到一个队列中,然后将该队列中所有文件上传,支持多线程上传,在文件上传之前,可以判断上传了多少张图片,在页面上动态生成相应数量的图片框,单个文件上传过程中触发的时间,在回调方法内可以接收到上传的百分比,利用这个百分比可以动态显示上传进度条,还可以接收到文件上传成功的信息,通过文件可以获取到图片的缩略图对象,可以显示缩略图,图片在加入队列之前会进行校验,判断大小、格式等等是否满足配置要求,校验不通过,可以弹窗提示用户,校验通过,就会加入队列,开始上传,如果服务器或者网络有问题导致出错触发的事件,可以提示用户上传不成功。

在上述技术方案中,优选地,还包括:计算单元,用于在文件上传之前,基于jquery框架,计算文件的md5值;验证单元还用于:比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传;生成单元还用于:若文件为重复上传,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该技术方案中,通过比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传,一方面,实现了去重验证,提升了上传效率,另一方面,有效减少了设计图纸的剽窃现象的发生。

需要说明的是,md5值是指由消息摘要算法计算出来的代表文件唯一性的标识。

在上述任一项技术方案中,优选地,还包括:检查单元,用于检查需要上传文件队列中的文件的页码是否连续;生成单元还用于:若文件的页码不连续,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该技术方案中,通过查需要上传文件队列中的文件的页码是否连续,进一步有效减少了设计图纸的剽窃现象的发生。

在上述任一项技术方案中,优选地,还包括:上传单元,用于若文件名合格和/或文件为非重复上传和/或文件的页码连续,则根据输入的文件的属性上传。

在该技术方案中,通过在文件名合格和/或文件为非重复上传和/或文件的页码连续时,根据输入的文件的属性上传,一方面,保障了上传的文件的规范性,有利于数字化审图的实现,另一方面,有效减少了设计图纸的剽窃现象的发生,再一方面,有效避免了重复上传现象的发生,提高了效率,节约了资源。

在上述任一项技术方案中,优选地,预设固定分隔符包括但不限于下划线。

在上述任一项技术方案中,优选地,还包括多线程文件管理单元,用于:通过filesqueued方法,加载上传文件队列;

以及,在验证所述文件名是否合格之后,若所述文件名合格,根据用户指令,基于uploadstart方法开始逐个文件上传。

本技术方案基于webuploader框架,通过filesqueued方法获取上传文件队列,通过uploadstart方法对上传文件分别进行独立地上传操作,能够方便地导入上传文件,并且并行上传各个文件,提升了上传的效率。

在上述任一项技术方案中,优选地,还包括上传进度生成单元,用于:基于uploadprogress方法,获取所述uploadstart方法对应的各个上传文件的上传进度记录;根据所述上传进度记录,生成动态图形并呈现给用户。

在上述任一项技术方案中,优选地,还包括图片校验单元,用于:在图片加入上传队列时校验图片尺寸、图片格式;若所述图片尺寸、图片格式符合预设规定,则触发加入队列的事件;若所述图片尺寸、图片格式不符合预设规定,则触发加入队列失败的事件,并提示给用户。

在上述任一项技术方案中,优选地,还包括,对象生成单元,用于:生成webuploader对象;配置所述webuploader对象的server属性以指定文件上传服务器地址,配置所述webuploader对象的pick属性以指定上传按钮;配置所述webuploader对象的swf属性以指定启用flash时加载swf文件的地址,配置所述webuploader对象的auto属性以指定选完上传文件后不自动上传,其中,在用户手动上传之前,对文件进行文件名、md5、页码、图片尺寸、图片格式校验。

本技术方案中,采用webuploader对象进行上传,通过swf属性以指定启用flash时加载swf文件的地址,具有兼容html5和flash的特性,以及,设置auto属性以指定选完上传文件后不自动上传,对选中上传文件进行文件名、md5、页码、图片尺寸、图片格式进行校验,能够在上传文件上传服务器之前发现上传文件问题,降低服务器上传资源开销。

本发明的第三方面的技术方案提出了一种计算机设备,计算机设备包括处理器,处理器用于执行存储器中存储的计算机程序时实现如上述本发明的第一方面的技术方案提出的任一项的数字化审图中的多功能图纸上传方法的步骤。

在该技术方案中,计算机设备包括处理器,处理器用于执行存储器中存储的计算机程序时实现如上述本发明的第一方面的技术方案提出的任一项的数字化审图中的多功能图纸上传方法的步骤,因此具有上述本发明的第一方面的技术方案提出的任一项的数字化审图中的多功能图纸上传方法的全部有益效果,在此不再赘述。

本发明的第四方面的技术方案提出了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现本发明的第一方面的技术方案提出的任一项的数字化审图中的多功能图纸上传方法的步骤。

在该技术方案中,计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现本发明的第一方面的技术方案提出的任一项的数字化审图中的多功能图纸上传方法的步骤,因此具有上述本发明的第一方面的技术方案提出的任一项的数字化审图中的多功能图纸上传方法的全部有益效果,在此不再赘述。

通过以上技术方案,按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格,以及比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传,以及检查需要上传文件队列中的文件的页码是否连续,一方面,保障了文件名的命名规范,分片与并发结合、将一个大文件分割成多块、并发上传、极大地提高大文件的上传速度、当网络问题导致传输错误时、只需要重传出错分片、而不是整个文件、另外分片传输能够更加实时的跟踪上传进度,另一方面,提高了上传效率,节约了资源,而且兼容性强,减少了数据冗余,再一方面,有效减少了设计图纸的剽窃现象的发生。

本发明的附加方面和优点将在下面的描述部分中给出,部分将从下面的描述中变得明显,或通过本发明的实践了解到。

附图说明

本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解,其中:

图1示出了根据本发明的一个实施例的数字化审图中的多功能图纸上传方法的示意流程图;

图2示出了根据本发明的一个实施例的数字化审图中的多功能图纸上传装置的示意框图。

具体实施方式

为了能够更清楚地理解本发明的上述目的、特征和优点,下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是,在不冲突的情况下,本申请的实施例及实施例中的特征可以相互组合。

在下面的描述中阐述了很多具体细节以便于充分理解本发明,但是,本发明还可以采用其他不同于在此描述的其他方式来实施,因此,本发明的保护范围并不受下面公开的具体实施例的限制。

如图1所示,根据本发明的实施例的数字化审图中的多功能图纸上传方法,包括:

s102,遍历所有选中的需要上传文件队列中的文件,基于jquery框架,获取文件名;

s104,按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格;

s106,若文件名不合格,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该实施例中,通过遍历所有选中的需要上传文件队列中的文件,基于jquery框架,获取文件名,之后按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格,是以webuploader为基础,webuploader是一种现代文件上传组件,执行文件排队,可以兼容多个浏览器内核,兼容低版本浏览器,兼容性强,而且在缩减代码的基础上,能够实现简单高效可识别对比上传,能够试验文件名命名规范的验证,通过若文件名不合格,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息,保障了文件名的命名规范,而且有利于用户从前端明确命名不合格文件无法上传,而且上传时无需多余的数据,减少了数据冗余,有利于提升文件的上传效率,而且上传速度快,不易卡顿,而且分片与并发结合、将一个大文件分割成多块、并发上传、极大地提高大文件的上传速度、当网络问题导致传输错误时、只需要重传出错分片、而不是整个文件、另外分片传输能够更加实时的跟踪上传进度,支持常用图片格式预览与压缩、节省网络数据传输,支持文件多选、类型过滤、拖拽,兼容主流浏览器、接口一致,可以根据不同需要来更改文件名的验证,保障设计图的唯一性。

需要说明的是,jquery框架是一种快速、简洁的直译式脚本语言框架。在文件排队之前,会初始化webuploader对象,首先准备上传按钮的父标签,webuploader将在该标签内生成上传标签,webuploader对象,传入配置的对象,指定文件上传的服务器地址,指定上传按钮,加载文件,选完文件,加入到需要上传文件队列中,等待上传。

另外,webuploader组件可以通过文件对话框选择的图片,图片可以是一张,也可以是多张,加入到一个队列中,然后将该队列中所有文件上传,支持多线程上传,在文件上传之前,可以判断上传了多少张图片,在页面上动态生成相应数量的图片框,单个文件上传过程中触发的时间,在回调方法内可以接收到上传的百分比,利用这个百分比可以动态显示上传进度条,还可以接收到文件上传成功的信息,通过文件可以获取到图片的缩略图对象,可以显示缩略图,图片在加入队列之前会进行校验,判断大小、格式等等是否满足配置要求,校验不通过,可以弹窗提示用户,校验通过,就会加入队列,开始上传,如果服务器或者网络有问题导致出错触发的事件,可以提示用户上传不成功。

在上述实施例中,优选地,还包括:在文件上传之前,基于jquery框架,计算文件的md5值;比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传;若文件为重复上传,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该实施例中,通过比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传,一方面,实现了去重验证,提升了上传效率,另一方面,有效减少了设计图纸的剽窃现象的发生。

需要说明的是,md5值是指由消息摘要算法计算出来的代表文件唯一性的标识。

在上述任一项实施例中,优选地,还包括:检查需要上传文件队列中的文件的页码是否连续;若文件的页码不连续,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该实施例中,通过查需要上传文件队列中的文件的页码是否连续,进一步有效减少了设计图纸的剽窃现象的发生。

在上述任一项实施例中,优选地,还包括:若文件名合格和/或文件为非重复上传和/或文件的页码连续,则根据输入的文件的属性上传。

在该实施例中,通过在文件名合格和/或文件为非重复上传和/或文件的页码连续时,根据输入的文件的属性上传,一方面,保障了上传的文件的规范性,有利于数字化审图的实现,另一方面,有效减少了设计图纸的剽窃现象的发生,再一方面,有效避免了重复上传现象的发生,提高了效率,节约了资源。

在上述任一项实施例中,优选地,预设固定分隔符包括但不限于下划线。

在上述任一项实施例中,优选地,在遍历所有选中的需要上传文件队列中的文件之前,还包括:通过filesqueued方法,加载上传文件队列;以及,在上传文件通过验证之后,根据用户指令,基于uploadstart方法开始逐个文件上传。

本实施例中,基于webuploader框架,通过filesqueued方法获取上传文件队列,通过uploadstart方法对上传文件分别进行独立地上传操作,能够方便地导入上传文件,并且并行上传各个文件,提升了上传的效率。其中,上传文件的验证包括但不限于文件名验证、md5验证、页码验证。

在上述任一项实施例中,优选地,若文件名合格,根据用户指令,基于uploadstart方法开始逐个文件上传之后,还包括:基于uploadprogress方法,获取uploadstart方法对应的各个上传文件的上传进度记录;根据上传进度记录,生成动态图形并呈现给用户。

在上述任一项实施例中,优选地,还包括:在图片加入上传队列时校验图片尺寸、图片格式;若图片尺寸、图片格式符合预设规定,则触发加入队列的事件;若图片尺寸、图片格式不符合预设规定,则触发加入队列失败的事件,并提示给用户。

在上述任一项实施例中,优选地,通过filesqueued方法,加载上传文件队列之前,还包括:生成webuploader对象;配置webuploader对象的server属性以指定文件上传服务器地址,配置webuploader对象的pick属性以指定上传按钮;配置webuploader对象的swf属性以指定启用flash时加载swf文件的地址,配置webuploader对象的auto属性以指定选完上传文件后不自动上传,其中,在用户手动上传之前,对文件进行文件名、md5、页码、图片尺寸、图片格式校验。

本实施例中,采用webuploader对象进行上传,通过swf属性以指定启用flash时加载swf文件的地址,具有兼容html5和flash的特性,以及,设置auto属性以指定选完上传文件后不自动上传,对选中上传文件进行文件名、md5、页码、图片尺寸、图片格式进行校验,能够在上传文件上传服务器之前发现上传文件问题,降低服务器上传资源开销。

如图2所示,根据本发明的实施例的数字化审图中的多功能图纸上传装置200,包括:获取单元202,用于遍历所有选中的需要上传文件队列中的文件,基于jquery框架,获取文件名;验证单元204,用于按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格;生成单元206,用于若文件名不合格,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该实施例中,通过遍历所有选中的需要上传文件队列中的文件,基于jquery框架,获取文件名,之后按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格,是以webuploader为基础,webuploader是一种现代文件上传组件,执行文件排队,可以兼容多个浏览器内核,兼容低版本浏览器,兼容性强,而且在缩减代码的基础上,能够实现简单高效可识别对比上传,能够试验文件名命名规范的验证,通过若文件名不合格,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息,保障了文件名的命名规范,而且有利于用户从前端明确命名不合格文件无法上传,而且上传时无需多余的数据,减少了数据冗余,有利于提升文件的上传效率,而且上传速度快,不易卡顿,而且分片与并发结合、将一个大文件分割成多块、并发上传、极大地提高大文件的上传速度、当网络问题导致传输错误时、只需要重传出错分片、而不是整个文件、另外分片传输能够更加实时的跟踪上传进度,支持常用图片格式预览与压缩、节省网络数据传输,支持文件多选、类型过滤、拖拽,兼容主流浏览器、接口一致,可以根据不同需要来更改文件名的验证,保障设计图的唯一性。

需要说明的是,jquery框架是一种快速、简洁的直译式脚本语言框架。在文件排队之前,会初始化webuploader对象,首先准备上传按钮的父标签,webuploader将在该标签内生成上传标签,webuploader对象,传入配置的对象,指定文件上传的服务器地址,指定上传按钮,加载文件,选完文件,加入到需要上传文件队列中,等待上传。

另外,webuploader组件可以通过文件对话框选择的图片,图片可以是一张,也可以是多张,加入到一个队列中,然后将该队列中所有文件上传,支持多线程上传,在文件上传之前,可以判断上传了多少张图片,在页面上动态生成相应数量的图片框,单个文件上传过程中触发的时间,在回调方法内可以接收到上传的百分比,利用这个百分比可以动态显示上传进度条,还可以接收到文件上传成功的信息,通过文件可以获取到图片的缩略图对象,可以显示缩略图,图片在加入队列之前会进行校验,判断大小、格式等等是否满足配置要求,校验不通过,可以弹窗提示用户,校验通过,就会加入队列,开始上传,如果服务器或者网络有问题导致出错触发的事件,可以提示用户上传不成功。

在上述实施例中,优选地,还包括:计算单元208,用于在文件上传之前,基于jquery框架,计算文件的md5值;验证单元204还用于:比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传;生成单元206还用于:若文件为重复上传,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该实施例中,通过比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传,一方面,实现了去重验证,提升了上传效率,另一方面,有效减少了设计图纸的剽窃现象的发生。

需要说明的是,md5值是指由消息摘要算法计算出来的代表文件唯一性的标识。

在上述任一项实施例中,优选地,还包括:检查单元210,用于检查需要上传文件队列中的文件的页码是否连续;生成单元206还用于:若文件的页码不连续,则从需要上传文件队列中删除相对应的文件,并生成文件无法上传的提示信息。

在该实施例中,通过查需要上传文件队列中的文件的页码是否连续,进一步有效减少了设计图纸的剽窃现象的发生。

在上述任一项实施例中,优选地,还包括:上传单元212,用于若文件名合格和/或文件为非重复上传和/或文件的页码连续,则根据输入的文件的属性上传。

在该实施例中,通过在文件名合格和/或文件为非重复上传和/或文件的页码连续时,根据输入的文件的属性上传,一方面,保障了上传的文件的规范性,有利于数字化审图的实现,另一方面,有效减少了设计图纸的剽窃现象的发生,再一方面,有效避免了重复上传现象的发生,提高了效率,节约了资源。

在上述任一项实施例中,优选地,预设固定分隔符包括但不限于下划线。

在上述任一项实施例中,优选地,还包括多线程文件管理单元214,用于:通过filesqueued方法,加载上传文件队列;以及,在验证所述文件名是否合格之后,若所述文件名合格,根据用户指令,基于uploadstart方法开始逐个文件上传。

本实施例基于webuploader框架,通过filesqueued方法获取上传文件队列,通过uploadstart方法对上传文件分别进行独立地上传操作,能够方便地导入上传文件,并且并行上传各个文件,提升了上传的效率。

在上述任一项实施例中,优选地,还包括上传进度生成单元216,用于:基于uploadprogress方法,获取所述uploadstart方法对应的各个上传文件的上传进度记录;根据所述上传进度记录,生成动态图形并呈现给用户。

在上述任一项实施例中,优选地,还包括图片校验单元218,用于:在图片加入上传队列时校验图片尺寸、图片格式;若所述图片尺寸、图片格式符合预设规定,则触发加入队列的事件;若所述图片尺寸、图片格式不符合预设规定,则触发加入队列失败的事件,并提示给用户。

在上述任一项实施例中,优选地,还包括,对象生成单元220,用于:生成webuploader对象;配置所述webuploader对象的server属性以指定文件上传服务器地址,配置所述webuploader对象的pick属性以指定上传按钮;配置所述webuploader对象的swf属性以指定启用flash时加载swf文件的地址,配置所述webuploader对象的auto属性以指定选完上传文件后不自动上传,其中,在用户手动上传之前,对文件进行文件名、md5、页码、图片尺寸、图片格式校验。

本实施例中,采用webuploader对象进行上传,通过swf属性以指定启用flash时加载swf文件的地址,具有兼容html5和flash的特性,以及,设置auto属性以指定选完上传文件后不自动上传,对选中上传文件进行文件名、md5、页码、图片尺寸、图片格式进行校验,能够在上传文件上传服务器之前发现上传文件问题,降低服务器上传资源开销。

根据本发明的一实施例,通过初始化webuploader对象和监听webuploader事件两个过程实现高兼容性、多线程的文件上传以及校验手段。

1、初始化webuploader对象。

在初始化对象之前,因为上传按钮是webuploader自动生成的,所以首先准备上传按钮的父标签,webuploader将在该标签内生成上传标签,可以是div、span等等。本实施例中使用的是span;使用的js方法具体包括:

webuploader.create()方法生成webuploader对象,传入配置的对象;

server属性指定文件上传的服务器地址;

pick属性指定上传按钮,id通过jquery的选择器指定按钮;

swf属性指定启用flash时加载swf文件的地址(webuploader内部兼容flash和h5);

auto属性指定选完文件后,是否自动上传,这里关闭自动上传,便于选完文件后在进行更多的操作,完成更多功能,之后再由用户手动指定开始上传。

2、监听webuploader事件。

webuploader将用户通过文件对话框选择的图片(可以是一张,可以是多张图片)加入到一个队列中,然后将该队列中所有的文件上传(其中,通过配置thread大于1以支持多线程上传)。使用的js方法具体包括:

filesqueued是指当有一批文件加载进队列时触发的事件,此时文件未开始上传,可在此期间执行一些业务逻辑,例如,判断本次上传了多少张图片,然后在页面上动态生成对应的图片框。执行完业务逻辑之后再手动指定开始上传,执行ploader.startupload(),此时在队列中的所有图片开始上传。filequeued类似于filesqueued,但是filequeued是单个文件入队时触发的事件,一次选择多个图片时会多次触发该事件。

uploadstart是指单个文件开始上传时触发的事件。

uploadprogress是指单个文件上传过程中触发的事件,在回调方法内你可以接收到的上传的百分比,利用这个百分比可以实现动态的显示上传进度条。

uploadsuccess是指单个文件上传成功触发的事件,在回调方法内可以接收到服务器端返回的数据以及当前是哪个file对象上传成功。

uploadfinished是指队列中所有文件上传成功时触发的事件,具体回调方法视业务逻辑决定。

error是指图片在加入队列之前校验失败,可根据图片大小、格式等等是否满足配置要求校验,可以在ui上弹窗提示用户校验结果。

uploaderror是指图片校验通过,加入了队列,并且开始上传到服务器后,如果服务器或者网络有问题导致出错触发的事件,可以提示用户上传不成功。

根据本发明的实施例的计算机设备,计算机设备包括处理器,处理器用于执行存储器中存储的计算机程序时实现如上述本发明的实施例提出的任一项的数字化审图中的多功能图纸上传方法的步骤。

在该实施例中,计算机设备包括处理器,处理器用于执行存储器中存储的计算机程序时实现如上述本发明的实施例提出的任一项的数字化审图中的多功能图纸上传方法的步骤,因此具有上述本发明的实施例提出的任一项的数字化审图中的多功能图纸上传方法的全部有益效果,在此不再赘述。

根据本发明的实施例的计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述本发明的实施例提出的任一项的数字化审图中的多功能图纸上传方法的步骤。

在该实施例中,计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述本发明的实施例提出的任一项的数字化审图中的多功能图纸上传方法的步骤,因此具有上述本发明的实施例提出的任一项的数字化审图中的多功能图纸上传方法的全部有益效果,在此不再赘述。

以上结合附图详细说明了本发明的技术方案,本发明提出了一种数字化审图中的多功能图纸上传方法和一种数字化审图中的多功能图纸上传装置,通过按照预设固定分隔符分割文件名,形成分割块,比对每一分割块与标准文件名中的目标字符,验证文件名是否合格,以及比对文件的md5值与所有已上传文件的md5值,验证文件是否为重复上传,以及检查需要上传文件队列中的文件的页码是否连续,一方面,保障了文件名的命名规范,分片与并发结合、将一个大文件分割成多块、并发上传、极大地提高大文件的上传速度、当网络问题导致传输错误时、只需要重传出错分片、而不是整个文件、另外分片传输能够更加实时的跟踪上传进度,另一方面,提高了上传效率,节约了资源,而且兼容性强,减少了数据冗余,再一方面,有效减少了设计图纸的剽窃现象的发生。

本发明方法中的步骤可根据实际需要进行顺序调整、合并和删减。

本发明装置中的单元可根据实际需要进行合并、划分和删减。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质包括只读存储器(read-onlymemory,rom)、随机存储器(randomaccessmemory,ram)、可编程只读存储器(programmableread-onlymemory,prom)、可擦除可编程只读存储器(erasableprogrammablereadonlymemory,eprom)、一次可编程只读存储器(one-timeprogrammableread-onlymemory,otprom)、电子抹除式可复写只读存储器(electrically-erasableprogrammableread-onlymemory,eeprom)、只读光盘(compactdiscread-onlymemory,cd-rom)或其他光盘存储器、磁盘存储器、磁带存储器、或者能够用于携带或存储数据的计算机可读的任何其他介质。

以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1