Browser Document Management Drag-and-Drop Folder Selection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current document management systems using web browsers cannot efficiently allow users to upload files to specific folders within a hierarchical structure by drag and drop, as they typically only allow uploads to a single storage area determined by the HTML upload path, limiting user interaction with the folder structure.
Innovation Solution
A document management program that acquires and displays the hierarchical folder structure, tracks mouse events, and determines the overlapping folder position to enable drag-and-drop file uploads to the desired folder on the document management server, using extended programs and bridge data storage to facilitate the upload process.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If a single HTML upload path is used for file uploads, then the upload process is simple, but the user cannot upload files to specific folders within a hierarchical structure
Solution Approach 1:
The patent segments the upload functionality by creating multiple upload paths in the HTML, each corresponding to a specific folder in the hierarchical structure. This allows the system to maintain simple upload operations while enabling selection among multiple destination folders, thus resolving the contradiction between operational simplicity and folder selection capability.
Solution Approach 2:
The patent implements dynamic folder selection by allowing users to interactively choose upload destinations through a tree view interface. The upload path is not fixed but dynamically determined based on user selection, enabling both simple upload operations and flexible folder selection within the hierarchical structure.
2Ease of operation
If drag and drop is implemented without folder structure integration, then the upload interface is simple, but the user cannot interactively select destination folders
Solution Approach 1:
The patent merges the drag and drop functionality with the hierarchical folder structure display by integrating both features into a unified interface. The tree view and upload area work together, allowing users to drag files and drop them onto specific folders, thus maintaining operational simplicity while enabling interactive folder selection.
Solution Approach 2:
The upload interface is designed with multi-functionality, serving both as a simple drag and drop zone and as an interactive folder structure navigator. This universal design allows the same interface to provide both simple upload operations and detailed folder selection capabilities simultaneously.
3Adaptability or versatility
If an RIA is used to display hierarchical folder structure, then folder interaction is enabled, but file upload is restricted to a single predetermined storage area
Solution Approach 1:
The patent implements feedback mechanisms where the system detects the user's drop action, identifies the target folder from the hierarchical structure, and uses this information to dynamically set the upload path. This feedback loop enables the system to transition from a fixed upload path to a flexible, user-determined destination, resolving the contradiction between hierarchical display and upload flexibility.
Solution Approach 2:
The patent prepares multiple upload paths in advance, each corresponding to a folder in the hierarchical structure. When the user performs a drag and drop operation, the system already has the necessary path information ready, allowing immediate and flexible upload to the selected folder without requiring additional processing or configuration.
Data Source
AI summary
Users can upload files (or folders) managed by a file system of an operating system or the like to a desired folder included in a hierarchical folder structure displayed by a rich Internet application executed on a web browser, by executing a drag and drop operation. A first extended program displays a hierarchical folder structure managed by a document management server in a display area on the web browser, determines whether a pointing device overlaps with any folder displayed on the web browser based on mouse event information set by the web browser, and sets information about the folder overlapping with the pointing device in the web browser. The web browser stores folder information in a bridge data storage unit. A second extended program, operating on a web browser, uploads the file to the folder identified by the folder information stored in the bridge data storage unit.