一种数据的监听方法及装置制造方法及图纸

本发明专利技术公开了一种数据的监听方法及装置，将上传地址配置为空并将HTTP请求配置为自定义上传，通过DOM获取拖拽区域，在所述拖拽区域内监听拖拽事件；当目标文件进入监听的拖拽区域后，获取所述目标文件并将所述目标文件通过所述自定义上传的方式上传；本发明专利技术通过配置上传地址为空，阻止将上传的文件传递给后台接口URL，同时配置HTTP请求为实现自定义上传的行为，通过使用原生JS实现在自定义上传的情况下，监听获取用户的拖拽文件，使得自定义上传情况下也能够获取并上传用户拖拽文件。解决了现有技术使用自定义组件上传无法监听获取文件的技术问题。件的技术问题。件的技术问题。

【技术实现步骤摘要】
一种数据的监听方法及装置


[0001]本专利技术涉及业务平台研发
，具体的涉及一种数据的监听方法及装置。

技术介绍

[0002]现有技术中，通常需要设置action为上传的URL地址，在使用第三方组件(由于第三方组件都要求按照第三方的格式上传文件)在自定义上传情况下，无法监听获取用户拖拽的文件。

技术实现思路

[0003]为了解决上述问题，本专利技术是提供了一种数据的监听方法及装置，能够解决使用elementui组件使用自定义上传后，拖动文件上传无法监听获取用户上传文件的技术问题。
[0004]为了实现上述目的，本专利技术提供一方面提供一种数据的监听方法，包括：
[0005]将上传地址配置为空并将HTTP请求配置为自定义上传；
[0006]获取DOM范围内的拖拽区域，并在所述拖拽区域内监听拖拽事件；
[0007]当目标文件进入监听的拖拽区域后，获取所述目标文件并将所述目标文件通过所述自定义上传的方式上传。
[0008]作为优选的一种技术方案，获取DOM范围内的拖拽区域，并在所述拖拽区本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据的监听方法，其特征在于，包括：将上传地址配置为空并将HTTP请求配置为自定义上传；获取DOM范围内的拖拽区域，并在所述拖拽区域内监听拖拽事件；当目标文件进入监听的拖拽区域后，获取所述目标文件并将所述目标文件通过所述自定义上传的方式上传。2.根据权利要求1所述的监听方法，其特征在于，获取DOM范围内的拖拽区域，并在所述拖拽区域内设置监听拖拽事件，进一步包括：确定是否获取到DOM范围内的拖拽区域；如果未获取到就不再设置监听；如果获取到DOM元素，则设置监听拖拽事件及获取用户上传文件的事件回调函数。3.根据权利要求2所述的监听方法，其特征在于，设置监听拖拽事件及获取用户上传文件的事件回调函数，进一步包括：监听拖拽离开DOM范围的事件，阻止冒泡以及默认动作；监听拖拽进入DOM范围内的事件；监听拖拽在DOM范围内的拖拽动作结束事件；获取用户上传的文件。4.根据权利要求1所述的监听方法，其特征在于，当目标文件进入监听的拖拽区域后，将所述目标文件突出显示用于提示用户。5.根据权利要求1所述的监听方法，其特征在于：获取所述目标文件并将所述目标文件通过所述自定义上传的方式上传，进一步包括：根据后端接口要求重新组装需要传递的参数，使得这些...

【专利技术属性】
技术研发人员：陈宇盛，黄岗，周圣强，
申请(专利权)人：苏州万店掌网络科技有限公司，
类型：发明
国别省市：