old problem. The web page in the browser can not get the path, because the design goal of the browser is to become a black box to restrict these operations that have direct access to system resources, so to take the path, either become a browser plug-in, or simply run locally (such as node).

  
 I have the same requirements, and the problem is the same as yours. If you just select a folder, add webkitdirectory to input to get the path of the files in it relative to the folder. But if you drag and drop the folder, the webkitRelativePath is empty. Excuse me, how did you solve it later? Baidu network disk can achieve drag-and-drop folder upload, retain the folder structure.