href 图片链接点击下载

2023-12-01

我生成正常链接,例如:<a href="/path/to/image"><img src="/path/to/image" /></a>在网络应用程序中。

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

我不想要这种行为,我希望在单击链接时弹出一个下载框,这可以仅使用 html 或 javascript 吗?如何?

如果不是,我想我必须编写一个 download.php 脚本并将其调用到 href 中,并以文件名作为参数......?


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

尚未完全支持caniuse,但你可以使用现代化 (在非核心检测下)检查浏览器的支持情况。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

href 图片链接点击下载 的相关文章

  • 在java中将HTML转换为RTF?

    我需要将 HTML 转换为 RTF 我正在使用以下代码 private static String convertToRTF String htmlStr OutputStream os new ByteArrayOutputStream
  • 为什么 jQuery 对损坏标记的解释与浏览器不同?

    我之前已经回答过这个问题 https stackoverflow com a 19101905 1253312 但我并不完全理解why答案是正确的 答案的要点 p p function jqrender html a href http w
  • Javascript CORS 图像/画布操作

    我正在尝试从另一个已配置为允许 CORS 的域检索图像 并操纵像素 然后我想显示结果并能够操纵结果 我可以在我请求的图像上使用 getImageData 和 toDataURL 所以我知道服务器部分可以工作 但是 当我尝试将图像的 src
  • 持续运行的 C# 代码 - 服务还是单独的线程?

    我有一个 NET 4 Web 应用程序 它有 3 个关联的独立项目 DAL BAL 和 UI 我正在使用实体框架进行数据库交互 我有代码循环遍历一堆数据库数据 根据找到的内容调用方法 然后更新数据库 我希望这段代码一直运行 同时 我希望用户
  • chrome中使用jquery的图像高度问题

    img height 回报0在 Chrome 中 但在 IE 和 Firefox 中返回实际高度 在 Chrome 中获取图像高度的实际方法是什么 正如 Josh 提到的 如果图像尚未完全加载 jQuery 将不知道尺寸是多少 尝试这样的操
  • 我可以跳过 HTML5 中“style”标签中的属性“type”吗? [复制]

    这个问题在这里已经有答案了 根据W3学校 http www w3schools com tags tag script asp 我可以跳过属性type对于标签script在 HTML5 中 Evidence HTML 4 01 和 HTML
  • 如何获取当前页面样式表作为字符串?

    假设我当前的页面如下所示 我想
  • 推迟内联 JavaScript 执行? [复制]

    这个问题在这里已经有答案了 在我的网站中 我有许多内联 JavaScript 片段 其中大多数都需要 jquery 和类似的东西 但我想将 jquery 加载推迟到页面渲染之后 这意味着 我的内联 javascript 将在加载 jquer
  • 两个 div 之间的垂直线间隔

    所以我有两个div 一个左侧 div 包含导航链接 另一个右侧 div 填充内容 具体取决于您在左侧单击的链接 我希望在导航和内容之间有一条垂直的灰线将两者分开 但我需要它根据右侧内容 div 的长度来改变高度 如果右侧没有导航那么长 则默
  • 如何使用带有 ID 的单独播放按钮播放多个 HTML5 视频

    我有一个 HTML5 视频列表 其中也有一个播放按钮 每个播放按钮都有一个唯一的标识符 作为类名 然后每个视频都有一个匹配的类名 这样我就可以将特定的按钮分配给特定的视频进行播放 HTML
  • Jquery - 如何替换div中的一个单词?

    我有一个从其他位置复制的 div 我需要更改其中的一个单词 这是 HTML div class dealer addy 8726 N Royal Ln br Irving TX 75063 br email protected cdn cg
  • 在没有 Flash 的情况下用 HTML / js 录制音频?

    从麦克风录制音频并将 ajax 发回服务器 真的不知道如何在 Flash 中做到这一点 并希望它保持简单 目前还没有浏览器实现WHATWG 设备 API http www whatwg org specs web apps current
  • onclick链接/按钮获取数据属性值

    span class btn btn block btn inverse btn icon glyphicons home i i Daily span span class btn btn block btn inverse btn ic
  • 如何获取div背景图像上的锚标记?

    HTML div a href http www facebook com au a div css facey float left width 32px height 32px background url file C Users U
  • td 内的文本可以随 td 一起调整大小吗? (是其高度的百分比?)

    我有一个 100 占屏幕的表格 里面有 3x3 9 个单元格 每个单元格占 33 到目前为止 一切都很好 这是一个干净 可扩展的井字棋游戏 问题在于 TD 内的文本不会随比例缩放 有没有办法说 我希望文本大小为 TD 高度的 30 或者其他
  • 使用 c out 标签时不会出现新行

    我将 n 附加到字符串中 当使用 s 标签文本区域时 已附加换行符并且数据逐行显示 但是当我使用 c out 标签时 数据显示在一行中 如何使用 c out 标签逐行显示 StringBuffer sb new StringBuffer f
  • html 标题的最大长度

    有谁知道我可以为 html title 属性输入的最大长度是多少以及是否允许使用特殊字符 根据当前的 HTML 4 和 5 规范 标题长度没有限制 但 IE 浏览器有 512 个字符的限制HTML 4 01 http msdn micros
  • 在移动 Safari 上自动播放音频

    在我被火烧死之前 我知道这目前不起作用 因为苹果担心自动下载音频文件 然而 我的问题是 有人找到了狡猾的解决方法吗 我只想在游戏启动时播放启动声音 目前必须等待用户单击某处才能播放音频 你们中的一个聪明人现在一定已经成功了吗 没有机会在移动
  • 与基线和文本区域垂直对齐

    我试图让标签与文本区域中第一行文本的基线对齐 天真的尝试 div style display inline block div
  • 使用 Python 和 lxml 从 HTML 中删除类属性

    Question 如何使用 python 和 lxml 从 html 中删除类属性 Example I have p class DumbClass Lorem ipsum dolor sit amet consectetur adipis

随机推荐

  • SQL Server 插入缺失行

    我有下表记录每天的值 问题是有时会缺少几天 我想编写一个 SQL 查询来 归还缺失的日子 使用线性插值计算缺失值 所以从下面的源表中可以看出 Date Value 2010 01 10 10 2010 01 11 15 2010 01 13
  • 将 C# 中的 CPU ID 代码转换为 C++ 中的 CPU ID 代码

    我有这个 C 代码来获取处理器 ID 但我无法将其传递给 C 我尝试了很多 但我真的不能 我刚刚开始使用 C 我希望能够通过以下方式获取 CPU ID C 就像我以前使用 C 一样 这是我在 C 中的代码 public static str
  • 嵌套列表理解以展平嵌套列表

    我对 Python 很陌生 想知道如何使用列表理解来展平以下嵌套列表 并使用条件逻辑 nested list 1 2 3 4 5 6 7 8 9 以下返回一个嵌套列表 但是当我尝试通过删除内部方括号来展平列表时 出现错误 odds even
  • Django 1.7 - makemigrations 未检测到更改

    正如标题所示 我似乎无法进行迁移 该应用程序最初低于 1 6 所以我知道迁移最初不会存在 事实上 如果我运行python manage py migrate I get Operations to perform Synchronize u
  • 如何从 Firefox 扩展程序访问网页数据?

    我已经成功地在 Firefox 中运行了一个自定义的非常基本的扩展 接下来我想做的是 检查用户是否位于所需的网页上 如果是 检查每个回发的页面是否包含包含string 如果找到 启动外部应用程序string范围 我对网页上的 javascr
  • pandas to_sql 方法给出日期列错误

    我有一个如下所示的数据框 df pd DataFrame index pd date range 2014 01 01 periods 10 df date df index map lambda x x strftime d m Y df
  • 预期为“struct Matrix_t *”,但参数类型为“struct Matrix_t *”?_?没有不同

    main c 78 25 erreur assignment from incompatible pointer type Werror main c 81 9 erreur passing argument 2 of matrix mul
  • .Net Socket 不响应远程断开连接?

    我正在编写一个小型 C 客户端应用程序 该应用程序使用 TCP IP 连接将数据发送到远程服务器 我正在使用标准 Net TcpClient 对象 并且希望在客户端保持连接打开状态 因为我定期向服务器提交数据包 但是 服务器可能会关闭连接
  • 数据源上的 save() 方法不会触发 querySave/postSave 事件

    我的保存按钮使用 SSJS 和一些逻辑 我想保存数据源 所以我使用 document1 save 脚本有效 但 querySave postSave 代码未执行 唯一的解决方法是使用简单操作并将按钮事件划分为 执行脚本 保存文档 简单操作
  • 存储过程不存在,是吗?

    我遇到一个问题 我有一个数据库连接 我在其中运行存储过程 这个相同的连接用于创建前面所说的存储过程 当我稍后尝试调用给定的存储过程时 我收到以下消息 找不到存储过程 dbo yaf prov upgrade 问题是它确实存在于数据库中 而且
  • 如何以管理员权限启动 Windows 服务

    我有自己的应用程序服务器 它是与 sql 服务器通信的 Windows 服务 在某些情况下 sql 服务器服务停止 所以我通过这段代码声明 ServiceController sc new ServiceController MSSQL S
  • C 代码的 x86 反汇编生成:orq $0x0, %(rsp)

    I have written the following C code 它只是分配一个包含 1000000 个整数和另一个整数的数组 并将数组的第一个整数设置为 0 我编译这个使用gcc g test c o test fno stack
  • 使用自定义 [required] 属性时使用客户端验证

    在这个项目中 我们不使用默认的数据注释属性System ComponentModel DataAnnotations命名空间 但构建了自定义属性 所以我们确实放置了一个 required 属性上的属性 但它是自定义构建的 对于服务器端验证
  • 在 WKWebView 中操作粘贴内容

    我需要操作粘贴到 WKWebView 从任何源 中的文本 运行可能需要一些时间的异步操作 我最初的想法是使用 Javascript 和 WKWebView 配置来获取onpaste event WKUserContentController
  • 此平台不支持 .whl

    我想安装hdbcli 2 3 99 cp27 cp27m win amd64 whl我已保存到本地驱动器 我正在使用下一个 PS C Users i326707 PycharmProjects hdbcli gt python Python
  • C++:为什么 cout 打印回车符以及使用 ifstream 从文件读取的字符串?

    我正在尝试读取文件capitals内容如下 Tokyo 33200000 New York 17800000 Sao Paulo 17700000 Seoul 17500000 Mexico City 17400000 我用来打印文件内容的
  • 水豚找不到表单元素

    这是我第一次尝试 Capybara 我似乎不明白为什么它找不到我的表单元素 每次我尝试寻找表单元素时 When they submit a resolution in Markdown do visit resolutions new fi
  • Android CalendarView:如何获取正确格式的日期?

    在过去的几天里 我一直在寻找从 android 4 0 的日历视图中获取 可读 日期的方法 我无法找到适合我的问题的解决方案或示例 我确实以毫秒为单位得到了它 但不是以日期格式 我的问题是 我有一个日历视图 我想要用户选择的日期 以日期格式
  • 从单个 JS 文件引导 OpenUI5

    OpenUI5 文档建议使用从 CDN 加载的库开始工作 不幸的是 这种方法意味着在启动时加载级联 4 个脚本 sap ui core js sap ui core library js 为什么 SAP M library js sap u
  • href 图片链接点击下载

    我生成正常链接 例如 a href path to image img src path to image a 在网络应用程序中 当我点击链接时 它会在新页面中显示图片 如果你想保存图片 那么你需要右键单击它并选择 另存为 我不想要这种行为