Is there any way to specify a suggested filename when using data: URI?

Question

If for example you follow the link:

data:application/octet-stream;base64,SGVsbG8=

The browser will prompt you to download a file consisting of t

Answer 1

Using service workers, this is finally possible in the truest sense.

1. Create a fake URL. For example /saveAs/myPrettyName.jpg
2. Use URL in , window.open( url ), absolutely anything that can be done with a "real" URL.
3. Inside the worker, catch the fetch event, and respond with the correct data.

The browser will now suggest myPrettyName.jpg even if the user opens the file in a new tab, and tries to save it there. It will be exactly as if the file had come from the server.

// In the service worker
self.addEventListener( 'fetch', function(e)
{
    if( e.request.url.startsWith( '/blobUri/' ) )
    {
        // Logic to select correct dataUri, and return it as a Response
        e.respondWith( dataURLAsRequest );
    }
});