js 修改webkitrelativepath

// 示例代码：修改 File 对象的 webkitRelativePath 属性

// 假设我们有一个文件选择器
const input = document.createElement('input');
input.type = 'file';
input.webkitdirectory = true; // 允许选择目录

input.addEventListener('change', function(event) {
    const files = event.target.files;
    for (let i = 0; i < files.length; i++) {
        const file = files[i];

        // 修改 webkitRelativePath
        Object.defineProperty(file, 'webkitRelativePath', {
            value: 'new/path/to/' + file.name,
            writable: false
        });

        console.log(file.webkitRelativePath); // 输出新的路径
    }
});

// 触发文件选择器
input.click();

解释说明：

1. 创建文件选择器：我们创建了一个文件输入元素 (<input type="file">)，并设置了 webkitdirectory 属性为 true，允许用户选择整个目录。
2. 监听文件选择事件：当用户选择了文件或目录后，change 事件会被触发。我们遍历选中的文件列表。
3. 修改 webkitRelativePath：使用 Object.defineProperty 方法来修改每个文件对象的 webkitRelativePath 属性。我们将路径更改为 'new/path/to/' + 文件名。
4. 输出新路径：通过 console.log 输出修改后的 webkitRelativePath。

注意：webkitRelativePath 是一个只读属性，通常情况下不能直接修改。但在这个示例中，我们通过 Object.defineProperty 来强行修改它。不过这种方法可能不适用于所有浏览器或环境，请谨慎使用。