我可以使用相当新的文件系统访问API获得一个文件句柄，并且我想将它所代表的文件设置为IMG元素的SRC属性。
(这是一个客户端应用程序，JavaScript运行在浏览器中，但没有web服务器，客户端或服务器端。它只是一个嵌入了JavaScript的HTML文件。)
如果我能得到完整的路径，我就可以把它设置为SRC。对于JavaScript中的常量路径，这可以很好地工作。但是，没有办法通过文件系统访问API获得绝对路径。
如果我能以某种方式设置IMG元素通过文件句柄访问文件的内容，那将工作得很好，因为我实际上不需要任何其他原因的路径。
任何想法?
(我已经用电子构建了本地应用程序，在那里可以直接获得用户选择文件的路径，但我希望我可以用香草JavaScript做到这一点。)
您需要创建一个blob URL，然后您可以将其分配给img的src属性:
const [handle] = await showOpenFilePicker();
const file = await handle.getFile();
const img = document.createElement('img');
img.src = URL.createObjectURL(file);
document.body.append(img);