How to implement download function in html

This time I will show you how to implement the download function in html, and what are the precautions for implementing the download function in html. The following is a practical case, let's take a look.

The new project has basically come to an end. It is the first time to complete the integration of front-end and back-end separation. Naturally, there are many pitfalls encountered.

Let’s talk about one of the pitfalls we encountered on the first day.

——About downloading issues. . .

In the past, everyone liked to use the <a></a> tag. At the beginning, I also used the a tag and href attribute at the address of picture to simulate the download function. It turns out that when you click on this ghost thing, it will directly open a new picture, not download it.

Then, I read an article and opened the door to my baby’s new world.

download attribute

<a>The tag must have the href attribute. The browser will automatically detect and add the correct file extension to the file (.img, .pdf, .txt, .html, etc.).

For example:

<a href="ccc.jpg" download>

In fact, you can also customize the downloaded file name

<a href="ccc.jpg" download="wageSoCute.jpg">

But in fact, this method also has great limitations.

One is its compatibility, according to the data provided by W3C.

It seems that the temporary practicality of this attribute is actually average.

There is another pitfall that I haven't stepped into yet, which is the cross-domain issue. I will update after I do. .

To sum up, this download is a good thing, but it seems that the support is not good. I don’t know what its future development will be. After all, it is still a new attribute of the a tag. Wait a moment. See, now it’s enough to at least know that there is such a thing.

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

How should HTML tables be laid out?

When marking HTML elements, class and id must be What's the difference?

#Solution to the border style of the td tag not being displayed in the browser

The above is the detailed content of How to implement download function in html. For more information, please follow other related articles on the PHP Chinese website!