title: How do I get an HTML IMG to the contents of a file using the File System Access API?
body: <p>I can get a file handle using the fairly-new File System Access API, and I'd like to set the file that it represents to the SRC property of an IMG element.</p>
  <p>(This is a client-only application with JavaScript running the browser, but there is no web server, client-side or server-side. It's just an HTML file with embedded JavaScript.)</p>
  <p>If I could get the complete path, I could just set that as the SRC. This works fine with a path that's a constant in the JavaScript. But, there is no way to get the absolute path with the File System Access API.</p>
  <p>If I could somehow set the IMG element to access the file's contents via the file handle, that would work well, as I don't actually need the path for any other reason.</p>
  <p>Any ideas?</p>
  <p>(I've built local apps with Electron, where it's straightforward to get the path for a user-selected file, but I'm hoping I can do this with vanilla JavaScript.)</p>