Selenium（Chrome）模拟拖拽整文件夹到浏览器上传区域的实现咨询

你遇到的报错核心原因是默认的input[type="file"]未开启文件夹选择权限，浏览器默认会将传入的文件夹路径识别为单个无扩展名文件，导致上传失败。可通过以下两种方案解决：

方案1：修改input属性直接赋值（稳定性最高，优先使用） #

操作逻辑：通过修改input元素的属性开启文件夹选择能力，直接传入文件夹路径即可完成上传，无需模拟拖拽动作。
操作步骤：

• 定位到页面中的input[type="file"]元素
• 执行JS脚本为该元素添加webkitdirectory、multiple属性，开启文件夹选择支持
• 调用send_keys方法传入本地文件夹的绝对路径
  示例代码（Python）：

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get("替换为你的测试页面地址")
# 定位上传input元素
file_input = driver.find_element(By.CSS_SELECTOR, 'input[type="file"]')
# 添加文件夹支持属性，如需适配火狐可额外添加mozdirectory属性
driver.execute_script("""
arguments[0].setAttribute('webkitdirectory', '');
arguments[0].setAttribute('multiple', '');
""", file_input)
# 传入本地文件夹绝对路径
file_input.send_keys("/Users/xxx/本地待上传文件夹的绝对路径")

方案2：模拟真实拖拽事件（适合input隐藏、仅暴露dropzone区域的场景） #

操作逻辑：通过构造浏览器原生的DragEvent拖拽事件，将文件列表注入到dropzone的回调逻辑中，模拟用户真实拖拽文件夹的操作。
操作步骤：

• 定位到页面的dropzone拖拽区域元素
• 遍历读取本地待上传文件夹下所有文件的绝对路径，生成路径列表
• 执行JS脚本构造DataTransfer对象绑定文件列表，触发drop事件完成上传
  示例代码（Python）：

from selenium import webdriver
from selenium.webdriver.common.by import By
import os

driver = webdriver.Chrome()
driver.get("替换为你的测试页面地址")
# 定位拖拽区域元素
drop_zone = driver.find_element(By.CSS_SELECTOR, ".dropzone") # 替换为实际的dropzone选择器
# 读取文件夹下所有文件路径
folder_path = "/Users/xxx/本地待上传文件夹的绝对路径"
file_paths = []
for root, _, files in os.walk(folder_path):
    for file in files:
        file_paths.append(os.path.join(root, file))
# 触发拖拽事件
driver.execute_script("""
const dropZone = arguments[0];
const filePaths = arguments[1];
const dataTransfer = new DataTransfer();
filePaths.forEach(path => {
    const file = new File([], path);
    dataTransfer.items.add(file);
});
dropZone.dispatchEvent(new DragEvent('drop', {
    bubbles: true,
    cancelable: true,
    dataTransfer: dataTransfer
}));
""", drop_zone, file_paths)

注意：以上方案生效的前提是目标网站本身支持文件夹上传功能，如果网站原生逻辑不支持接收文件夹，任何模拟操作都无法生效。如果是Selenium Grid远程执行场景，需要确保待上传文件夹在远程执行节点的对应路径下。

内容的提问来源于stack exchange，提问作者Rhino