数据上传控件及方法技术

本发明专利技术公开了一种数据上传控件及方法，所述数据上传控件包括：显示层，其包括有至少两个显示区，所述显示区用于显示数据操作信息；事件触发层；其形成于所述显示层上，并同时覆盖所述显示层上所述至少两个所述显示区；其中所述事件触发层至少部分透明，以使得用户看到所述显示层，所述事件触发层链接有一上传事件，在接收到点击动作时，触发所述上传事件。本发明专利技术实施例中将用于触发上传事件的事件触发层同时覆盖显示层上至少两个显示区，用户在点击任何一个显示区时，均可以通过所述事件触发层触发同一上传事件，既能够保证对事件触发层（原生上传控件）的上传操作的安全限制，不占用空间，而且提高了操作效率。

【技术实现步骤摘要】
数据上传控件及方法
本专利技术属于数据处理
，尤其涉及一种数据上传控件及方法。
技术介绍
用户经常需要通过终端连接互联网络，并通过互联网络与服务器进行各种数据的交互，由此对终端上各种涉及互联网络的操作功能的要求越来越高。以在浏览器进行的数据上传控件为例，现有技术中，数据上传空间一般有以下两种实现方案：一）、基于超文本标记语言（HypertextMarkupLanguage，HTML）的原生上传控件。譬如请参阅图1和图2，图1为现有技术中数据上传控件的架构示意图，图2为用户A在观看图1时的架构示意图。其中在页面10上形成有自定义上传按钮11、原生上传按钮12以及上传文件预览区域13，其中所述自定义上传按钮11和所述上传文件预览区域13形成于同一层，所述原生上传按钮12为透明，遮盖在所述自定义上传按钮11的上方。由于所述原生上传按钮12为透明，因此用户A看到的为所述自定义上传按钮11，用户A在点击所述自定义上传按钮11时，实际点击到的为所述原生上传按钮12，浏览器通过所述原生上传按钮12触发数据选择对话框，供用户选择相应的数据（譬如头像）进行上传。该方式既保证了对原生上传控件的上传操作的安全限制，又可以由用户A自行设计自定义上传按钮11，形式较为灵活，但是由于每个自定义上传按钮11只对应一个原生上传按钮12，每次只能通过点击其中一个自定义上传按钮11才能触发相应原生上传按钮12，操作效率低下。二）、使用flash实现非原生的上传控件，该方式主要是通过flash将上传组件设计成各种显示方式，譬如文字、图形保证了对原生上传控件的上传操作的安全限制等。但是该方式的缺点是需要安装flash插件，会占用资源，而且不能保证浏览器对原生上传控件的上传操作的安全限制，存在较大的安全隐患。因此，需解决现有技术中存在的上述技术问题。
技术实现思路
本专利技术的目的在于提供一种数据上传控件及方法，既能够保证对原生上传控件的上传操作的安全限制，节省资源，又能够提高操作效率。为解决上述技术问题，本专利技术实施例提供以下技术方案：一种数据上传控件，包括：显示层，其包括有至少两个显示区，所述显示区用于显示数据操作信息；以及事件触发层；其形成于所述显示层上，并同时覆盖所述显示层上所述至少两个所述显示区；其中所述事件触发层至少部分透明，以使得用户看到所述显示层，所述事件触发层链接有一上传事件，在接收到点击动作时，触发所述上传事件。优选的，所述事件触发层在所述显示层上的投影为一覆盖区域，所述至少两个所述显示区位于所述覆盖区域内，其中所述显示层位于所述覆盖区域内的其它区域为间隔区；所述数据上传控件还包括一遮挡层，所述遮挡层形成于所述事件触发层上，所述遮挡层包括至少一个遮挡区，所述遮挡区一一对应所述显示层的间隔区；其中所述遮挡区用于将点击到所述遮挡区的点击动作与所述事件触发层隔绝。优选的，所述事件触发层包括有至少两个触发区，所述触发区一一对应所述显示层的所述显示区，且所述触发区至少覆盖与其对应的所述显示区；其中所述至少两个触发区均触发同一所述上传事件。优选的，所述至少两个所述显示区的侧边延伸线交叉形成一矩形区域，其中所述矩形区域将所述至少两个所述显示区包括在内，而所述事件触发层的大小至少覆盖所述矩形区域，进而将所述至少两个所述显示区覆盖。优选的，所述事件触发层以及所述遮挡层为全透明状。为解决上述技术问题，本专利技术实施例还提供以下技术方案：一种数据上传方法，包括：通过一数据上传控件的显示层显示数据操作信息，其中所述显示层包括有至少两个显示区，所述数据操作信息由所述显示区显示；以及通过所述数据上传控件的事件触发层接收点击动作，触发与所述事件触发层链接的上传事件；其中所述事件触发层形成于所述显示层上，并同时覆盖所述显示层上所述至少两个所述显示区，所述事件触发层至少部分透明，以使得用户看到所述显示层。在接收所述点击动作时，所述方法还包括以下步骤：判断所述点击动作是否点击至所述数据上传控件的遮挡层，若判定所述点击动作点击至所述遮挡层，则通过所述遮挡层将所述点击动作与所述事件触发层隔绝；其中遮挡层是形成于所述事件触发层上，所述事件触发层在所述显示层上的投影为一覆盖区域，所述至少两个所述显示区位于所述覆盖区域内，其中所述显示层位于所述覆盖区域内的其它区域为间隔区，而所述遮挡层包括至少两个的遮挡区，所述遮挡区一一对应所述显示层的所述间隔区。优选的，所述事件触发层包括有至少两个触发区，所述至少两个触发区一一对应所述显示层的所述显示区，且所述事件触发层至少部分透明，以使得用户看到所述显示层；其中所述至少两个触发区均触发同一所述上传事件。优选的，所述至少两个所述显示区的侧边延伸线交叉形成一矩形区域，其中所述矩形区域将所述至少两个所述显示区包括在内，而所述事件触发层的大小至少覆盖所述矩形区域，进而将所述至少两个所述显示区覆盖。优选的，所述事件触发层以及所述遮挡层为全透明状。相对于现有技术，本专利技术实施例中，将用于触发上传事件的事件触发层同时覆盖显示层上至少两个显示区，用户在点击任何一个显示区时，均可以通过所述事件触发层触发同一上传事件，既能够保证对原生上传控件的上传操作的安全限制，不占用空间，进而节省资源，而且用户在点击任何一个显示区时，均可以通过所述事件触发层触发同一上传事件，极大的提高了操作效率，尤其是数据上传效率。附图说明图1是现有技术中数据上传控件的架构示意图；图2是为图1的分解架构示意图；图3为本专利技术提供的数据上传系统的实施例结构示意图；图4为本专利技术提供的数据上传控件的第一较佳实施例结构示意图；图5是为图4的分解架构示意图；图6为图4的剖视结构示意图；图7为图4的部分结构示意图；图8为图4的俯视图；图9为本专利技术提供的数据上传控件的第二较佳实施例结构示意图；图10为图9的剖视结构示意图；图11是本专利技术提供的数据上传方法的第一较佳实施例流程示意图；图12是本专利技术提供的数据上传方法的第二较佳实施例流程示意图。具体实施方式请参照图式，其中相同的组件符号代表相同的组件，本专利技术的原理是以实施在一适当的运算环境中来举例说明。以下的说明是基于所例示的本专利技术具体实施例，其不应被视为限制本专利技术未在此详述的其它具体实施例。在以下的说明中，本专利技术的具体实施例将参考由一部或多部计算机所执行的步骤及符号来说明，除非另有述明。因此，这些步骤及操作将有数次提到由计算机执行，本文所指的计算机执行包括了由代表了以一结构化型式中的数据的电子信号的计算机处理单元的操作。此操作转换该数据或将其维持在该计算机的内存系统中的位置处，其可重新配置或另外以本领域技术人员所熟知的方式来改变该计算机的运作。该数据所维持的数据结构为该内存的实体位置，其具有由该数据格式所定义的特定特性。但是，本专利技术原理以上述文字来说明，其并不代表为一种限制，本领域技术人员将可了解到以下所述的多种步骤及操作亦可实施在硬件当中。本专利技术的原理使用许多其它泛用性或特定目的运算、通信环境或组态来进行操作。所熟知的适合用于本专利技术的运算系统、环境与组态的范例可包括(但不限于)手持电话、个人计算机、服务器、多处理器系统、微电脑为主的系统、主架构型计算机、及分布式运算环境，其中包括了任何的上述系统或装置。本文所使用的术语「模块」可看做为在该运算系统本文档来自技高网...

【技术保护点】
一种数据上传控件，其特征在于，包括：显示层，其包括有至少两个显示区，所述显示区用于显示基于数据操作信息；以及事件触发层；其形成于所述显示层上，并同时覆盖所述显示层上所述至少两个显示区；其中所述事件触发层至少部分透明，以使得用户看到所述显示层，所述事件触发层链接有一上传事件，在所述事件触发层接收到点击动作时，触发所述上传事件。

【技术特征摘要】
1.一种数据上传控件，其特征在于，包括：显示层，其包括有至少两个显示区，所述显示区用于显示基于数据操作信息；以及事件触发层；其形成于所述显示层上，并同时覆盖所述显示层上所述至少两个显示区；其中所述事件触发层至少部分透明，以使得用户看到所述显示层，所述事件触发层链接有一上传事件，在所述事件触发层接收到点击动作时，触发所述上传事件；所述事件触发层在所述显示层上的投影为一覆盖区域，所述至少两个所述显示区位于所述覆盖区域内，其中所述显示层位于所述覆盖区域内的其它区域为间隔区；所述数据上传控件还包括一遮挡层，所述遮挡层形成于所述事件触发层上，所述遮挡层包括至少一个遮挡区，所述遮挡区一一对应所述显示层的间隔区；其中所述遮挡区用于将点击到所述遮挡区的点击动作与所述事件触发层隔绝。2.根据权利要求1所述的数据上传控件，其特征在于，所述事件触发层包括有至少两个触发区，所述触发区一一对应所述显示层的所述显示区，且所述触发区至少覆盖与其对应的所述显示区；其中所述至少两个触发区均触发同一所述上传事件。3.根据权利要求1所述的数据上传控件，其特征在于，所述至少两个所述显示区的侧边延伸线交叉形成一矩形区域，其中所述矩形区域将所述至少两个所述显示区包括在内，而所述事件触发层的大小至少覆盖所述矩形区域，进而将所述至少两个所述显示区覆盖。4.根据权利要求1所述的数据上传控件，其特征在于，所述事件触发层以及所述遮挡层为全透明状。5.一种数据上传方法，其特征在于，包括：通过一数据上传控件的显示层来显示数据操作信息，其中所述显示层包括有至少两个显...

【专利技术属性】
技术研发人员：李晶，郭学亨，吴浩，陈映平，郑旭泽，彭冲，龙丁奋，郭力恒，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44