点击下载Href图片链接

我生成正常的链接，如:<a href="/path/to/image"><img src="/path/to/image" /></a>在web应用程序。

当我点击链接时，它会在一个新页面中显示图片。如果你想保存图片，你需要右键点击它，选择“另存为”

我不希望这种行为，我想有一个下载框弹出时，我点击链接，这是可能的只是与html或javascript?如何?

如果没有，我想我将不得不写一个下载。php脚本，并调用它到href与文件名作为参数…?

当前回答

不，它不是。您将需要服务器上的某些东西来发送Content-Disposition头，以将文件设置为附件而不是内联文件。不过，您可以使用普通的Apache配置来实现这一点。

我已经找到了一个使用mod_rewrite的例子，尽管我知道有一个更简单的方法。

2010-03-09 10:15:27

其他回答

<a download="custom-filename.jpg" href="/path/to/image" title="ImageName">
    <img alt="ImageName" src="/path/to/image">
</a>

caniuse还不完全支持，但可以使用modernizr(在非核心检测下)来检查浏览器的支持。

2013-04-30 14:15:03

图片下载使用图片点击!

我做了这个简单的代码!:)

<html>
<head>
<title> Download-Button </title>
</head>
<body>
<p> Click the image ! You can download! </p>
<a download="logo.png" href="http://localhost/folder/img/logo.png" title="Logo title">
<img alt="logo" src="http://localhost/folder/img/logo.png">
</a>
</body>
</html>

2016-06-02 10:51:28

简单的代码图像下载与图像点击使用php

<html>
<head>
    <title> Download-Button </title>
</head>
<body>
    <p> Click the image ! You can download! </p>
    <?php
    $image =  basename("http://localhost/sc/img/logo.png"); // you can here put the image path dynamically 
    //echo $image;
    ?>
    <a download="<?php echo $image; ?>" href="http://localhost/sc/img/logo.png" title="Logo title">
        <img alt="logo" src="http://localhost/sc/img/logo.png">
    </a>
</body>

2016-06-02 13:08:03

如果你使用HTML5，你可以添加属性“下载”到你的链接。

<a href="/test.pdf" download>

http://www.w3schools.com/tags/att_a_download.asp

2016-01-20 11:42:24

属性指定当用户单击超链接时将下载目标。

该属性仅在设置href属性时使用。

该属性的值将是下载文件的名称。对于允许的值没有限制，浏览器将自动检测正确的文件扩展名并将其添加到文件(。Img， .pdf， .txt， .html等)。

示例代码:

<a href="https://www.w3schools.com/images/myw3schoolsimage.jpg"> Download Image >></a>

HTML5:

<a href="https://www.w3schools.com/images/myw3schoolsimage.jpg" download> Download Image >></a>

输出:

下载镜像>>

Html5下载或chrome浏览器

下载镜像>>

2019-03-06 12:52:08

点击下载Href图片链接

推荐文章

最新文章

标签