javascript - 得到::ERR_UNKNOWN_URL_SCHEME 上传本地图片时

Question

每次上传图片时，我的控制台都会出现错误。我将其加载为 Base64。图像上传成功，我可以看到预览但出现错误。

该错误似乎是异步显示的，但我猜它是在这个函数中引起的，在 file.ReadAsDataURL 方法中：

export function getBase64FromFile(target) {
    return new Promise((resolve, reject) => {
        let fileReader = new FileReader();

        fileReader.onloadend = fileLoadedEvent => {
            const base64 = fileLoadedEvent.target.result;
            resolve(base64);
        };

        fileReader.onerror = () => {
            reject(fileReader.error);
            console.log('filereader onerror', fileReader.onerror);
            fileReader.abort();
        };

        if (target) {
            fileReader.readAsDataURL(target);
        }
    });
}

看起来内部它最终以某种方式解决，但这个错误让我很烦。例如对于我的路径C:/images/autumn.jpg ，我注意到错误是：

GET c:%C3%BAkepathutumn.jpg net::ERR_UNKNOWN_URL_SCHEME

我看到浏览器C:/Fakepath/autumn.jpg为了安全而将路由更改为，但是，那么 Fakepath 和秋季之间的斜线在哪里？

该错误仅出现在 chrome 中，在 Firefox 中，没有显示错误。

我还尝试在我的目标中添加任何类型的前缀作为“File:///”，但是它不起作用。

任何帮助将不胜感激。谢谢！

标签： javascriptfile-uploadfilereaderimageurlbase64url