bloburl转回file

要将 Blob URL 转换回 File 对象，需要经过以下步骤：

1. 使用 XMLHttpRequest、fetch 或者其他网络请求库获取目标 Blob URL 对应的 Blob 数据。

2. 创建一个新的 File 对象，使用上一步获取的 Blob 数据作为构造函数的参数。

3. 如果需要，可以通过 File 对象的 name 和 type 属性来指定文件的名称和类型。

下面是一个示例代码：

// 假设 blobUrl 是一个 Blob URL，fileListener 是一个监听 file 转换的回调函数

function blobUrlToFile(blobUrl, fileListener) {
    // 创建一个 XMLHttpRequest 对象
    var xhr = new XMLHttpRequest();

    // 发送 GET 请求获取 Blob 数据
    xhr.open('GET', blobUrl, true);
    xhr.responseType = 'blob';

    xhr.onload = function() {
        // 获取 Blob 数据
        var blobData = xhr.response;

        // 创建一个 File 对象，使用 Blob 数据作为参数
        var file = new File([blobData], "filename", {type: blobData.type});

        // 调用监听函数，将转换后的 File 对象传递出去
        fileListener(file);
    };

    xhr.send();
}

// 调用函数进行测试
blobUrlToFile('blob:http://example.com/123', function(file) {
    console.log(file);
});

在上面的示例中，我们使用 XMLHttpRequest 对象发送了一个 GET 请求，并将响应的数据类型设置为 blob。然后，在 onload 事件的回调函数中，我们获取到了 Blob 数据，并使用它创建了一个 File 对象。最后，我们将转换后的 File 对象传递给了一个监听函数，用于在需要的地方使用。

需要注意的是，在使用 XMLHttpRequest 获取 Blob 数据时，可能会遇到跨域的问题。解决方法之一是在服务器端设置 CORS 头部，以允许跨域请求。