一种基于浏览器的本地文件管理方法、系统、设备及介质技术方案

本发明专利技术涉及计算机技术领域，具体地说，涉及一种基于浏览器的本地文件管理方法、系统、设备及介质；通过浏览器提供的FileSystem通用接口，在浏览器创建一个独立的沙箱环境，并通过FileSystem接口提供的方法，实现对沙箱环境内部的文件数据的管理，将本地计算机中的本地件数据、远程服务器数据，浏览器产生的任何数据日志进行存储，通过Web前端技术将存储的文件数据以界面的形式进行可视化管理，解决了浏览器数据存储只能通过cookie、sessionStorage、localStorage、indexDB等方式来进行操作管理，无法保持数据格式、无法托管文件、无法可视化编辑文件的问题，体现了数据处理的便捷性以及先进性。处理的便捷性以及先进性。处理的便捷性以及先进性。

【技术实现步骤摘要】
一种基于浏览器的本地文件管理方法、系统、设备及介质


[0001]本专利技术涉及计算机
，具体地说，涉及一种基于浏览器的本地文件管理方法、系统、设备及介质。

技术介绍

[0002]在web前端领域，经常会发现一个web应用数据存储一般只能通过cookie，sessionStorage，localStorage，indexDB等方式来进行管理，这些方式如果数据长度过长，数据量太大，便无法完成正常的操作处理甚至无法进行存储，另外比如在运维审计系统中，需要对文件进行相关处理的时候，无法直接通过浏览器进行托管处理，要么通过本地计算机通过浏览器进行网络上传，或者通过网络下载到本地的方式，存在浏览器数据以字符串形式进行进行存储的存储格式单一，数据存储大小受到限制，存储后的格式无法得到保留及浏览器无法直接可视化管理文件提供一套解决方案的问题。
[0003]虽然现有技术浏览器文件管理解决了真实文件操作，多元化数据缓存的技术问题，但其因为使用了浏览器提供的API接口，目前来说部分浏览器还未适配此套接口，导致兼容性会出现一定的问题，并且由于是使用沙箱的环境，无法直接修改本地计算机的相关文件，导致同步时间可能较长类似缺点的产生。

技术实现思路

[0004]本专利技术针对浏览器数据存储格式单一、数据存储大小受到限制、存储后的格式无法得到保留及浏览器无法直接可视化管理文件提供一套解决方案的问题，提出一种基于浏览器的本地文件管理方法、系统、设备及介质，通过浏览器提供的FileSystem通用接口，在浏览器创建一个独立的沙箱环境，并通过FileSystem接口提供的方法，实现对沙箱环境内部的文件数据进行管理，通过Web前端技术将存储的文件数据以界面的形式进行可视化管理，解决了浏览器数据存储只能通过cookie、sessionStorage、localStorage、indexDB等方式来进行操作管理，无法保持数据格式，无法托管文件，无法可视化编辑文件的问题。
[0005]本专利技术具体实现内容如下：一种基于浏览器的本地文件管理方法，包括以下步骤：步骤1：调用浏览器FileSystem接口创建浏览器独立沙箱，分配浏览器独立沙箱存储空间，生成存储空间操作对象RT并记录；步骤2：根据步骤1生成的存储空间操作对象RT，创建文件数据存储通道、文件数据读取通道、文件数据修改通道、文件数据删除通道；步骤3：根据步骤2创建的文件数据存储通道，创建文件数据映射通道；步骤4：填充UI界面，结合web前端技术可视化本地文件系统中的文件数据。
[0006]为了更好地实现本专利技术，进一步地，所述步骤1具体包括以下步骤：步骤11：调用浏览器FileSystem接口的requestQuota（）函数，初始化浏览器FileSystem接口，设置可用存储空间大小；
步骤12：创建浏览器独立沙箱，若浏览器独立沙箱数据存储大小超过设定的可用存储空间大小，则生成存储空间操作对象RT并记录；若浏览器独立沙箱数据存储大小在设定的可用存储空间大小范围内，则编写统一的错误处理逻辑，全局监听、管理存储空间的错误信息，并通过前端打印错误信息。
[0007]为了更好地实现本专利技术，进一步地，所述步骤2中创建文件数据存储通道具体包括以下步骤：步骤A21：根据步骤1生成的存储空间操作对象RT，判断需要创建的文件是否存在，若文件存在，创建文件数据存储通道，调用seek（）函数追加到文件开始位置，并存储文件数据；若文件不存在，调用createWriter（）函数创建文件；步骤A22：获取文件目录路径参数，调用getDirectory（）函数创建单级文件目录或多级文件目录。
[0008]为了更好地实现本专利技术，进一步地，所述步骤2中创建文件数据读取通道具体包括以下步骤：步骤B21：根据调用封装存储空间操作对象RT的createReader（）函数返回的操作对象R，循环调用createReader（）函数，直到所有文件目录循环完成；步骤B22：创建文件数据读取通道，将文件目录采用“/”的方式拼接，读取拼接后的文件目录列表；步骤B23：调用封装存储空间操作对象RT的getFile（）函数传递文件名称，生成文件信息，调用返回对象方法获取文件数据，并返回至本地文件系统读取文件数据。
[0009]为了更好地实现本专利技术，进一步地，所述步骤2中创建文件数据修改通道的具体操作为：根据步骤1生成的存储空间操作对象RT，判断文件是否存在，若文件存在，创建文件数据修改通道，并调用moveTo（）函数，获取一个地址名和名称作为文件移动的最终结果，移动文件；调用moveTo（）函数，传递新的文件名称，重命名文件；调用copyTo（）函数，复制文件。
[0010]为了更好地实现本专利技术，进一步地，所述步骤2中创建文件数据删除通道的具体操作为：调用remove（）函数，传递一个文件目录或文件，创建文件数据删除通道，删除文件数据。
[0011]为了更好地实现本专利技术，进一步地，所述步骤3具体包括以下步骤：步骤31：调用input:file（）函数，获取计算机的本地数据；步骤32：根据步骤2创建的文件数据存储通道，以文件的形式创建并存储本地数据，得到本地计算机的本地数据与本地文件系统的数据映射关系，根据数据映射关系，创建本地数据映射通道；步骤33：从浏览器FileSystem接口获取远程服务器数据，根据步骤2创建的文件数据存储通道，存储远程服务器数据并将远程服务器数据写入到本地文件系统中，创建远程数据映射通道。
[0012]为了更好地实现本专利技术，进一步地，所述步骤4具体包括以下步骤：步骤41：调用input:file（）函数填充UI界面，选择电脑文件或者远程接口返回文件数据，根据步骤2创建的文件数据存储通道写入文件数据；步骤42：写入完成后，根据步骤2创建的文件数据读取通道读取文件数据，将读取出来的文件数据结合Web前端技术，以循环的方式依次展示本地数据和远程服务器数据；
步骤43：在UI界面创建新建按钮，输入文件名称或文件夹名称，根据步骤2创建的文件数据存储通道，新建文件和文件目录，并根据创建的文件数据读取通道读取新建的文件和文件目录，结合web前端技术可视化新建的文件和文件目录；步骤44：在每一条文件数据的后方创建删除、移动、复制、重命名按钮，结合web前端技术可视化删除、移动、复制、重命名后的文件数据。
[0013]基于上述提出的基于浏览器的本地文件管理方法，为了更好地实现本专利技术，进一步地，提出一种基于浏览器的本地文件管理系统，包括初始化单元、文件数据处理单元、可视化单元；所述初始化单元，用于创建浏览器独立沙箱，分配浏览器独立沙箱存储空间，生成存储空间操作对象RT并记录；所述文件数据处理单元，用于根据存储空间操作对象RT，创建文件数据存储通道、文件数据读取通道、文件数据修改通道、文件数据删除通道、文件数据映射通道，处理文件处理；所述可视化单元，用于填充UI界面，并结合web前端技术可视化本地文件系统中的文件数据。
[0014]基于上述提出的基于浏览器的本地文件管理方法本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于浏览器的本地文件管理方法，其特征在于，包括以下步骤：步骤1：调用浏览器FileSystem接口创建浏览器独立沙箱，分配浏览器独立沙箱存储空间，生成存储空间操作对象RT并记录；步骤2：根据步骤1生成的存储空间操作对象RT，创建文件数据存储通道、文件数据读取通道、文件数据修改通道、文件数据删除通道；步骤3：根据步骤2创建的文件数据存储通道，创建文件数据映射通道；步骤4：填充UI界面，结合web前端技术可视化本地文件系统中的文件数据。2.如权利要求1所述的一种基于浏览器的本地文件管理方法，其特征在于，所述步骤1具体包括以下步骤：步骤11：调用浏览器FileSystem接口的requestQuota（）函数，初始化浏览器FileSystem接口，设置可用存储空间大小；步骤12：创建浏览器独立沙箱，若浏览器独立沙箱数据存储大小超过设定的可用存储空间大小，则生成存储空间操作对象RT并记录；若浏览器独立沙箱数据存储大小在设定的可用存储空间大小范围内，则编写统一的错误处理逻辑，全局监听、管理存储空间的错误信息，并通过前端打印错误信息。3.如权利要求2所述的一种基于浏览器的本地文件管理方法，其特征在于，所述步骤2中创建文件数据存储通道具体包括以下步骤：步骤A21：根据步骤1生成的存储空间操作对象RT，判断需要创建的文件是否存在，若文件存在，创建文件数据存储通道，调用seek（）函数追加到文件开始位置，并存储文件数据；若文件不存在，调用createWriter（）函数创建文件；步骤A22：获取文件目录路径参数，调用getDirectory（）函数创建单级文件目录或多级文件目录。4.如权利要求2所述的一种基于浏览器的本地文件管理方法，其特征在于，所述步骤2中创建文件数据读取通道具体包括以下步骤：步骤B21：根据调用封装存储空间操作对象RT的createReader（）函数返回的操作对象R，循环调用createReader（）函数，直到所有文件目录循环完成；步骤B22：创建文件数据读取通道，将文件目录采用“/”的方式拼接，读取拼接后的文件目录列表；步骤B23：调用封装存储空间操作对象RT的getFile（）函数传递文件名称，生成文件信息，获取文件数据，并将文件数据返回至本地文件系统读取文件数据。5.如权利要求2所述的一种基于浏览器的本地文件管理方法，其特征在于，所述步骤2中创建文件数据修改通道的具体操作为：根据步骤1生成的存储空间操作对象RT，判断文件是否存在，若文件存在，创建文件数据修改通道，并调用moveTo（）函数，获取地址名和文件名称作为文件移动的最终结果，移动文件；调用moveTo（）函数，传递新的文件名称，重命名文件；调用copyTo（）函数，复制文件。6.如权利要求2...

【专利技术属性】
技术研发人员：李忠贤，吴永越，刘韬，黄海，
申请(专利权)人：成都安恒信息技术有限公司，
类型：发明
国别省市：