如何为移动页面创建 HTML 图像下载链接?

2024-06-28

我有一个包含图像的移动 html 页面。我想创建一个用于下载图像的按钮或链接。然后,图像应保存到用户的移动图像库中。

我看过这个帖子:如何在 html 中创建下载链接? https://stackoverflow.com/questions/2793751/how-can-i-create-download-link-in-html

解决方案

<a href="link/to/your/download/file" download="filename">Download link</a>

可以在桌面浏览器中运行,但不能在移动设备上运行。

这是我制作的 JSFiddle:http://jsfiddle.net/tDVqH/4/ http://jsfiddle.net/tDVqH/4/

注意:图像是在浏览器中创建的,即在 HTML5 canvas 元素中。该图像可以使用 canvas.toDataUrl() 生成。生成的图像应保存到移动图像库。

如何通过单击/点击将图像保存到用户的移动图像库?是否有 JavaScript 解决方案,无需使用未知标头进行 Ser 往返?

编辑:我还发现了以下问题,但没有答案。通过单击移动浏览器中的链接或按钮将图像从网站保存到本地文件夹 https://stackoverflow.com/questions/9130258/save-an-image-to-the-local-folder-from-the-website-by-clicking-a-link-or-buton-i?rq=1 and 将图像从浏览器保存到手机图库 https://stackoverflow.com/questions/17749145/save-an-image-to-a-mobile-phone-gallery-from-a-browser


有人似乎有已经回答了这个问题 https://stackoverflow.com/a/16302092/1079817,

<a href="/path/to/image" download="ImageName" title="ImageName">
    <img src="/path/to/image" alt="ImageName">
</a> It's not yet fully supported http://caniuse.com/#feat=download, but you can use with modernizr

http://modernizr.com/download/#-a_download http://modernizr.com/download/#-a_download(在非核心检测下) 支持所有浏览器。

尚未测试,但应该也适用于手机。

我想补充一点,作为服务器端解决方案,您还可以通过以下方式将响应标头添加到您的下载端点

  • 在 apache (.htaccess) / nginx 配置中进行设置
  • 从代码来看
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何为移动页面创建 HTML 图像下载链接? 的相关文章

  • 不显示 ul 中的项目符号 [重复]

    这个问题在这里已经有答案了 我在 ul 中显示项目符号时遇到问题 有谁知道问题出在哪里 my site http www minikoblizky wz cz zamestnanci html它以 Co od v s o ek v me 开
  • 在 NodeJs 中使用 Jest 模拟 Http Post 请求

    我有一个使用本机 https request 使用 Azure Function 内的 Node Js 构建的外部 POST API 一切正常 现在我正在尝试构建单元测试用例 并对模拟 Request 方法感到震惊 回调响应具有 on 功能
  • Puppeteer 登录 Instagram

    我正在尝试使用 Puppeteer 登录 Instagram 但不知何故无法登录 你能帮助我吗 这是我正在使用的链接 https www instagram com accounts login https www instagram co
  • 使用 javascript 和 jQuery UI datepicker 获取工作日数

    我有两个日期选择器 我可以从中计算天数 而无需计算星期六和星期日 但我想在周五和周六这样做 我尝试过一些不同的方法但失败了 对我来说 处理不包括周六和周日的天数很容易 但处理周五和周六的天数则不然 以下是我的 javascript 代码 f
  • 我们可以为 border-bottom 属性设置渐变颜色吗? [复制]

    这个问题在这里已经有答案了 我们可以添加渐变颜色吗border bottomhtml块元素的属性 边框应该与此类似 谁能告诉我这在 CSS3 中是可能的吗 我像这样尝试过 但无法让它工作 border gradient border bot
  • Google 闭包编译器使用 WebStorm

    我喜欢用谷歌闭包编译器 https developers google com closure compiler in WebStorm https www jetbrains com webstorm 我已经通过 npm 下载了它 npm
  • 在浏览器开发工具中看不到SignalR流量

    我构建了使用 SignalR 的服务器和客户端代码 该网站运行完美 但我无法在任何浏览器 chrome IE Firefox 中看到网络流量 我知道网络流量在那里 因为该网站正在运行 有没有办法在浏览器中查看 SignalR 流量 如果不是
  • Array.from 的时间复杂度

    时间复杂度是多少Array from 例如 const set new Set set add car set add cat set add dog console log Array from set time complexity o
  • 链接index.html client.js 和 server.js

    我从 Node js 开始 我的第一个程序已经遇到了问题 下面是我正在使用的代码 索引 html
  • Backbone.View:delegateEvents 未将事件重新绑定到子视图

    我已将这个问题分解为尽可能小的示例 即 它只是为了演示问题 不一定代表现实世界的场景 假设我有一个父视图 此处为 MainView 其中包含一个子视图 此处为 SubView 如果在任何时候我需要重新渲染父视图 从而重新渲染子视图 我就会丢
  • 使用 c out 标签时不会出现新行

    我将 n 附加到字符串中 当使用 s 标签文本区域时 已附加换行符并且数据逐行显示 但是当我使用 c out 标签时 数据显示在一行中 如何使用 c out 标签逐行显示 StringBuffer sb new StringBuffer f
  • 带搜索框的 D3 图表

    我在 D3 中创建了一个图表 其中节点显示特定个人创建文档的时间 该图表还显示了一个搜索框 该搜索框根据搜索框输入是否与与该文档关联的单词匹配而将节点变成红色 这些单词列在数据集的第 5 列中 请参阅下面的数据集 我的问题 一旦将搜索输入到
  • Bootstrap 多选限制问题

    我使用创建了一个多选下拉列表引导多选 http davidstutz github io bootstrap multiselect 我需要在选项选择中设置一个限制 这里我将其设置为 5 如果达到限制 我只需禁用其他选择选项 它就可以完美工
  • 使用预先存在的数据库创建 PhoneGap iOS 应用程序

    我最近开始开发一个使用 PhoneGap 版本 2 8 0 作为药物查找器的应用程序 过去 我创建了该工具的 Web 版本 它使用 jQuery Mobile 和 PHP 来访问远程 SQL 数据库 PhoneGap 似乎是一个很有吸引力的
  • jQuery 分钟和秒倒计时器

    我想创建一个 jquery 倒计时器 我尝试了以下代码 但它不起作用 我该怎么办 DEMO https jsfiddle net tbosn210 https jsfiddle net tbosn210 var interval setIn
  • 如何使用 $.ajax 发送 JSON 而不是查询字符串?

    有人可以简单地解释一下如何让 jQuery 发送实际的 JSON 而不是查询字符串吗 ajax url url dataType json I was pretty sure this would do the trick data dat
  • 从网页获取 chrome.storage.sync.get

    大家好 我希望能够从网页内的内联脚本访问 chrome storage sync 中存储的信息 由我的扩展程序注入 当尝试使用 chrome storage sync 时 无法从 未定义 调用同步 同样 我无法调用 chrome runti
  • jQuery:array[i].children() 不是函数

    以下代码的灵感来自http ignorethecode net blog 2010 04 20 footnotes http ignorethecode net blog 2010 04 20 footnotes 当您将光标移到脚注符号上时
  • 事件监听器如何/何时附加到 d3.js 中?

    我正在尝试制作一个 SVG 编辑器 长话短说 我需要将鼠标事件附加到
  • 如何将 JSLint 用于依赖于 JQuery 的代码段?

    我对 Javascript 比较陌生 我想通过 JSLint 运行我周末玩的那段代码 这样它就可以指出我在哪里是个十足的白痴 不幸的是 我收到了大量关于缺少函数声明的错误 这些函数声明是 JQuery javascript 库及其各种插件的

随机推荐

  • XSL 如果需要帮助请

    我正在将 html 表单转换为 xml 序列 我使用递归函数来实现此目的 因此参数 list 的输入将采用以下形式 name value name value name value 下面的模板可以很好地完成此操作并返回一个 xml 序列 如
  • “conda install pandas-datareader”不起作用

    我尝试按照官方文档运行以下命令 在 Anaconda 提示符下安装 pandas datareader conda install c anaconda pandas datareader 我收到错误 解决环境 失败 如下所示 我已连接到互
  • DbContext 和连接池

    在我继承的应用程序中 基本控制器中有这个 应用程序中的所有其他控制器都继承自该控制器 public BaseController db new MyDbContext db Database Log s gt Debug Write s p
  • 无法在 Jenkins 管道作业中通过 DSL (groovy) 存储 sh 命令输出

    我想获得管道 Jenkins 作业中的最后构建输出并附加在电子邮件中 使用 emailext 插件 Curl 工作正常并提供正确的构建输出 但我无法存储在变量中以附加在电子邮件中 我正在使用最新的詹金斯版本 我可以看到有几个关于简单 sh
  • 用于检查输入字符串是否为波斯语的正则表达式

    我使用 MVC 但我是新手 我想检查输入值是否仅采用波斯语 字符 RegularExpression 验证 所以我想使用正则表达式并需要检查 unicode 的范围 但我不知道如何找到波斯语字符 Unicode 的范围 我对这个正则表达式的
  • 如何让 Jersey 2.2 (JAX-RS) 生成日志输出,包括 Json 请求正文

    我在 Jetty 9 0 4 中运行 Jersey 2 2 Servlet 以便为 REST 请求提供服务 大多数情况下一切都很好并且请求得到满足 但我从未见过ANY来自 Jersey 类的日志 我找不到任何 doco 来表明我需要牺牲哪些
  • Tkinter 按 Enter 键而不是空格键

    在 tkinter 中 您可以使用空格键按下突出显示的按钮 如何将其更改为返回键 我不想将特定功能绑定到按钮 我想在按钮突出显示时更改按下按钮的键 默认行为作为内部 tk 类的绑定来实现 对于按钮来说 该类是 Button 要添加新行为 您
  • imageAvailableCallback 在基本 GPUImage2 相机设置中从未调用

    我已按照 GPUImage2 的 github 上的基本设置说明进行操作过滤直播视频 https github com BradLarson GPUImage2 filtering live video and 从视频中捕获图像 https
  • 如何使用初始化列表创建 std::array 而不直接提供大小[重复]

    这个问题在这里已经有答案了 我怎样才能使a3编译 int main int a1 1 2 3 std array
  • 如果 ModelState 无效,ASP.NET MVC AJAX 更改 UpdateTargetId

    我使用的视图内部有两个部分视图 div div div div 第一个部分视图 RenderMatchesListRowUserControl 呈现一个简单的 div 元素 用于匹配列表 第二个部分视图 AddNewMatchUserCon
  • 使用 selenium (python) 时出现“对象不可调用”错误

    我用的是browser switch to alert accept 处理 javascript 警报弹出窗口 但我收到了这样的错误 TypeError Alert object is not callable 我该如何解决这个问题 警报对
  • Visual Studio Code (Windows) 未检测到全局 NPM 模块

    我遇到一个问题 Windows 10 中的 Visual Studio Code 无法检测集成终端中全局安装的 NPM 包 例如 如果我安装 Windows 命令提示符 angular cli通过命令npm install g angula
  • 使用 node.js 和 socket.io 阻止 CORS

    我最近开始学习node js和socket io 我遵循了 socket io 的简单教程 在我的计算机上运行时一切正常 但是 我决定将客户端部分上传到服务器进行测试 这就是问题开始的地方 我想在网络主机上运行聊天客户端 并在我的计算机或其
  • 为什么摩尔定律需要并行计算? [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 这是我一本CS教科书中的一个问题 我很茫然 我不明白为什么它一定会导致并行计算 有人想指出我正确的方向吗 摩尔定律只是说 价格合理的集成电路上的晶体管
  • Laravel 队列不作为后台运行

    你好 我创建了一个 Laravel 队列作业来发送邮件 public function handle foreach this gt emails as value to value gt email subject this gt dat
  • VB6 IIf优势

    使用是否有性能优势IIf over If 除了简单地减少代码之外 还有什么区别 If msInitialFloodSection lt gt Trim cboFloodSection Text Then mbFloodSectionChan
  • PostgreSQL 的默认用户名和密码是什么?

    我正在开发一个默认使用 PostgreSQL 的开源应用程序DBMS https en wikipedia org wiki Database Database management system 现在 当我在系统上安装它时 它的配置是 P
  • 多态与策略模式

    两者有什么区别Strategy图案和Polymorphism在Java中 我很困惑 通过策略模式实现的任何目标基本上都可以通过多态性实现 如果我在这方面错了 请纠正我 请还提供我的例子来消除我的困惑 对我来说 链接来自CKing https
  • 从 32 位 x86 汇编代码读取,计算程序有多少字节的方法是什么

    我正在做一个简单的堆栈粉碎练习 我需要在程序集中写入特定偏移量的短跳转 我需要计算两条指令分隔的字节数的偏移量 我一直在搜索谷歌 但我似乎无法找到正确的搜索词 例如 我知道mov操作码是2个字节 但是整个指令有多少字节取决于您的src an
  • 如何为移动页面创建 HTML 图像下载链接?

    我有一个包含图像的移动 html 页面 我想创建一个用于下载图像的按钮或链接 然后 图像应保存到用户的移动图像库中 我看过这个帖子 如何在 html 中创建下载链接 https stackoverflow com questions 279