Download attribute in ios safari

With home-screen installed "PWAs": After clicking the link with download attribute set, a page pops up that shows the correct file-type, but "unknown" as file name. After clicking this page "Open in.. In other words: The first page after clicking the download in PWAs doesn't have the name set correctly. Could you file a Feedback Assistant issue for this bug, and paste the FB number here? You can also file a bug on this website.

Do you want me to open a new bug here too? Probably easiest to post that here, but feel free to email it to me if you'd like. From here selecting "Save to Files" defaults the filename to "Unknown" however I can edit the filename prior to saving.

Executing same code on Safari on macOS works well, i. Michaela, could you also attach a screen recording to FB of this bug happening? Sounds like a bug. Would be best you could create a self-contained test, or provide a website that it reproduces on. If you can't create a test case, grabbing full HTTP respnose headers would be the second best information to include in the bug report. MobileSafari prefers the filename in the Content-Disposition header, but falls back to extracting a filename from the URL, then tries to use the MIME type if the filename has no extension.

This is an oversimplification of what it does, but hopefully you get the idea. I've attached it to the radar as well. I would prefer that you add comments to the Feedback Assistant bug reports that you filed, but I will also monitor this bug for comments.

So the download is an internal browser issue. Not sure if one can even manipulate the headers in this case. However - the blobs have the mime-type set correctly and it is shown correctly and the file name is based via the download attribute. As you can see in the video, the second page shows all relevant data correctly, it's just the "in between" page that has problems. Correct, Safari for iOS 13 beta 7. We are also using blobs as the file is created dynamically on the client once the user selects the download link.

I have verified that the blobs have the mime-type set correctly. With our equivalent CSV file on Safari for iOS the file is not previewed, rather the user is prompted to View or Download the file with the correct filename displayed.

At one point, MobileSafari always tried to show a preview for downloaded PDF since that was the most useful thing it could do. I didn't work on the new download manager in iOS 13, so MobileSafari may not try to show a preview every time now I'm not sure. This sounds like a bug we'd want to fix, but I can't predict whether it will be fixed by iOS 13 GM since it was reported quite late in the seed builds. If it's not going to happen within, say I'm happy to help though if that will speed things along.

Has anyone done any work on this since then? David - is it the case that all you're waiting for is a test case? Or has this been pushed down your list of priorities? Sorry, I should have been clearer about next steps when I posted previously. Support for the "download" attribute was added in iOS If you have a specific use case with the "download" attribute that doesn't work in iOS Thank you for following up.

In contrast, data: URLs work there. Defines the media type that the element is designed for. The default value is screen , but the attribute can also be set to tty for a fixed-pitch device, tv for low-resolution televisions, projection for projectors, handheld for handheld devices, print for printed material, braille for braille devices, aural for speech synthesizers, or all for all devices. If present, the element permits multiple selections. If present, the area has no particular action assigned to it.

If present, the frames cannot be resized. The frame element has been deprecated. Suppresses word wrap if present. Specifies the URL of a serialized applet in an applet element. Use embed instead of applet. JavaScript delegate. The code specified by this attribute is called when the image element it is assigned to is aborted during load.

The code specified by this attribute is called before the associated element is copied. The code specified by this attribute is called before the associated element is cut.

The code specified by this attribute is called before the associated element has something pasted into it. The code specified by this attribute is called before the associated element is unloaded from the page.

The code specified by this attribute is called when the associated element loses focus. The code specified by this attribute is called when the associated element changes its value. The code specified by this attribute is called when the associated element is clicked. The code specified by this attribute is called when the associated element is right-clicked or when the mouse button is held down long enough to generate a contextual menu. The code specified by this attribute is called when the associated element is copied.

The code specified by this attribute is called when the associated element is cut. The code specified by this attribute is called when the associated element is double-clicked. The code specified by this attribute is called when the associated element is dragged.

The code specified by this attribute is called when the associated element stops being dragged. The code specified by this attribute is called when a drag has entered the associated element. The code specified by this attribute is called when a drag has left the associated element. The code specified by this attribute is called when a drag is over the associated element. The code specified by this attribute is called when the associated element has started to be dragged. The code specified by this attribute is called when the associated element is dropped.

The code specified by this attribute is called when the associated element has an error in loading. The code specified by this attribute is called when the associated element gets focus.

Specifies the JavaScript method to invoke when the gesture ends when there are one or zero fingers touching the surface. The code specified by this attribute is called when text is entered into the associated element. The code specified by this attribute is called when a key is pressed over the associated element. The code specified by this attribute is called when a key is pressed and released over the associated element.

The code specified by this attribute is called when a key is released over the associated element. The code specified by this attribute is called when the associated element finishes loading.

The code specified by this attribute is called when the mouse button is pressed over the associated element. The code specified by this attribute is called when a key is moved within the associated element.

The code specified by this attribute is called when the mouse leaves the associated element. The code specified by this attribute is called when the mouse is over the associated element.

The code specified by this attribute is called when the mouse button is released over the associated element. The code specified by this attribute is called when the mouse wheel button is rotated. The code specified by this attribute is called when the associated element is pasted. The code specified by this attribute is called when the associated form element is reset. The code specified by this attribute is called when the associated element is resized.

The code specified by this attribute is called when the associated element is scrolled a text box would use this, for example. JavaScript delegate for the search input type. The code specified by this attribute is called when a search is performed. The code specified by this attribute is called when text within the associated element is selected.

The code specified by this attribute is called when the associated element begins to be selected. You can use this to prevent selections. The code specified by this attribute is called when the associated form element is submitted. The code specified by this attribute is called when the associated element is unloaded from the page.

Specifies the placeholder text displayed in light gray when the search input field is not currently in use. Specifies the number of times an audio or video element loops.

The default value is 1 , meaning the element plays only once. Specifies the URL of the page where visitors can find the plug-in required to display content embedded with the embed element. Same as the pluginspage attribute, except it links directly to the plug-in itself in Java archive format. If present, the textarea is not editable. Defines a relationship of the document containing the link and the destination of the link.

The URL specified by this property relates to this document by rel. In other words, it is the next-order relation. Defines a relationship to another document. See Supported Accessibility Roles for more information. You can download a blob got from a base64 by using a atob function. You can save blob locally via FileSaver.

Parveen yadav Parveen yadav 2, 1 1 gold badge 18 18 silver badges 33 33 bronze badges. Also, FileSaver does not allow downloading in iOS, as their very docs say. GerardoFurtado are you saying about FileSaver. No, I'm taking about Safari. There is no Safari 13 for iOS at the time of writing. You're taking about MacOS again. GerardoFurtado please check its released developer. Dat Le Dat Le 2 2 silver badges 7 7 bronze badges. This answer is plain wrong. There is no download attribute for anchor elements in mobile Safari, if you try it's simply undefined.

Therefore, there is nothing to be overridden. Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. Email Required, but never shown. The Overflow Blog. Who owns this outage? Building intelligent escalation chains for modern SRE. Podcast Who is building clouds for the independent developer? Featured on Meta. Now live: A fully responsive profile. Reducing the weight of our footer.