Image filename/title is not dynamic when using Next/Image and external URLs

[JarrodMFlesch]

What version of Next.js are you using?

10.2.0

What version of Node.js are you using?

14.15.5

What browser are you using?

Chrome/Brave

What operating system are you using?

macOS

How are you deploying your application?

Vercel, next start

Describe the Bug

When attempting to right-click download an image using Next/Image that is hosted outside of the static folder (i.e. a CMS), the title of the image is set to image for all images.

Expected Behavior

Images should right-click download with the name of the image, like locally hosted static images do.

To Reproduce

1. create a new image using Next/Image
2. use an externally hosted image src
3. right-click download, the save as filename/title will read image

[LetItRock]

hi @JarrodMFlesch!
I've noticed that it's happening during the development for all the images used with Image component no matter if they are served from the public folder, cdn, etc., but not when I do deploy the app to Vercel.

The difference is that the images do have the content-disposition response header with the filename, then it's used by the browsers when showing the dialog for the Save Image As... action.

So, I guess it should be sent in the response by the Next server then, when handling requests in the /_next/image route.

@timneutkens @styfle wdyt?

[styfle]

Yes, looks like we're missing the content-disposition header from the upstream server 👍

Would you like to create a PR with a test to fix it? 🙂

[LetItRock]

Hi @styfle! Sure, I'll do that when I get my mac back from repairing :D

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.