[发明专利]一种UI框架的文件上传分组管理方法、装置、设备和介质

权利要求书

1.一种UI框架的文件上传分组管理方法，其特征在于：包括下述步骤：

S1、选择直接调用拍摄仪器拍摄图片或是本地文件上传至本客户端；

若选择直接调用拍摄仪器拍摄图片上传，则将拍摄的图片生成的base64码转成文件流并存入文件列表，将文件信息存入文件的分组信息列表，文件信息包括文件的唯一ID，显示的缩略图地址即base64码；

若选择本地文件上传，则根据文件类型设置对应的预置图标地址、分组名和图片的旋转角度，若没有分组名则将分组名设置为空，若文件类型为非图片时则设置为空；

S2、在文件的概览区域显示文件的缩略图以及文件的分组情况，供文件的预览、上传、下载、查看、删除以及文件管理；

文件预览时，若文件为图片，将图片的base64码浮层显示，供缩放或旋转操作，并将对应的缩放旋转信息作为文件信息保存；若文件为非图片文件，则调用后台的预览文件的工程，传入文件的唯一ID找到对应的文件存储路径进行读取提供在线预览；

文件上传时，将文件流中的文件名拼接上文件信息的唯一ID作为文件名后将文件流及文件信息提交到服务端；

文件下载时，对于已上传到服务端的文件直接进行下载；

文件查看时，提交需要查看的分组文件信息的唯一ID给服务端，并根据服务端返回的包含分组结构的文件信息进行展示；

文件删除时，将对应的文件信息移出文件的分组信息列表，调用接口删除服务端的文件，对未上传到服务端的文件，则删除文件列表中的文件流；

所述文件管理包括：点击文件的名称对文件的名称进行修改，拖动文件的缩略图对文件的顺序以及分组进行调整。

2.根据权利要求1所述的一种UI框架的文件上传分组管理方法，其特征在于：

所述步骤S2中文件管理中，所有的文件缩略图都保存在一个虚拟的分组容器元素下，在将第一文件拖入第二文件的分组容器时，触发拖入事件将第一文件合并到第二文件的分组容器下，然后删除第一文件的虚拟分组以及修改第一文件的分组信息，并生成一个默认但可修改的分组名，第一文件和第二文件的缩略图会显示在同一分组中；

若第一文件在移出后原分组内仅剩一个文件时，会将原分组的分组信息重置为空，再生成虚拟的分组容器元素。

3.根据权利要求1所述的一种UI框架的文件上传分组管理方法，其特征在于：所述步骤S2中的文件上传具体是：

将文件流中的文件名拼接上文件信息的唯一ID作为文件名后将文件流及文件信息提交到服务端；由服务端接收到后根据唯一ID找到对应的文件信息，根据文件信息中的分组信息以及缩放旋转信息，在指定的路径下生成文件，并做对应的缩放旋转操作，将生成文件映射的FTP地址设置到文件信息存储到数据库中后，将文件信息返回到客户端；

根据返回的文件信息修改客户端文件信息的地址。