关于html的下载功能详解

新项目基本告一段落,第一次完成前后端分离的集成,遇到的坑自然不少。

来说说第一天遇到的其中一个坑吧。

——关于下载的问题。。。

以前的做法,大家都喜爱用标签吧。而我一开始也是用a标签,href属性放在图片的地址来模拟下载的功能。结果发现,这个鬼东西,你点击他,直接是打开一张新图片,并不是下载的意思。

然后,我看了一篇文章,又打开了本宝宝的新世界大门。

立即学习“前端免费学习笔记(深入)”;

download属性

标签必须有href的属性。浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。

举个例子举个例子:

其实你也可以自定义下载的文件名的

wageSoCute.jpg”>

但其实这种方法也是有很大的局限性的。

其一就是其兼容性,根据W3C提供的数据。

关于html的下载功能详解

这样下来看来这个属性暂时的实用性其实一般般。

还有一个坑是我还没有踩到的,就是跨域问题,等我踩了再去更新下。。

总结一句话,这个download是个好东西,但是看起来支持性并不好,不知道他未来的发展会怎么样呢,毕竟现在也还是一个a标签的新属性,再等等看吧,现在至少知道有这么个东西就差不多了。

以上这篇关于html的下载功能详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持PHP中文网。

更多关于html的下载功能详解相关文章请关注PHP中文网!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2836188.html

(0)
上一篇 2025年3月9日 06:12:05
下一篇 2025年3月9日 06:12:09

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • HTML元素 noscript使用介绍

    一般我们通过noscript 元素用来定义在脚本未被执行时的替代内容(文本),方便告知用户一个信息,需要开启客户端脚本支持才可以访问更多的内容 noscript定义和用法 noscript 元素用来定义在脚本未被执行时的替代内容(文本)。 …

    编程技术 2025年3月9日
    200
  • 空格在Html中如何表示( 有什么含义)

    在web开发经常会遇到如:   这样的字符。它其实是html将一些特殊字符(html语法字符)的一种表达方式。  常见的:    空格  & &  > >  ” ”  &qpos;…

    编程技术 2025年3月9日
    200
  • xHTML与HTML标签的写法有哪些不同

    所有标签都必须小写  在XHTML中,所有的标签都必须小写,吐舌头不能大小写穿插其中,也不能全部都是大写。事例如下。 错误: 正确:  标签必须成双成对  像是 … 、…、…标签等,当出现一个标签时,必须…

    编程技术 2025年3月9日
    200
  • HTML代码书写规范指南

    通用约定 标签 自闭合(self-closing)标签,无需闭合 ( 例如: img input br hr 等 );可选的闭合标签(closing tag),需闭合 ( 例如: 或

    编程技术 2025年3月9日
    200
  • html 竖列显示文字让文字竖列显示

    html代码实现竖列显示文字,就是让文字竖列显示,只要控制width的值就可以了,如果是英文字母、数字的话,显示的情况会不一样 文字测试 登录后复制 显示效果: 文 字 测 试 如果是英文字母、数字的话会显示这种效果 文 字 zzzzzzz…

    编程技术 2025年3月9日
    200
  • HTML优化技巧

    如何提升web页面的性能,很多开发人员从多个方面来下手如javascript、图像优化、服务器配置,文件压缩或是调整css。 很显然HTML 已经达到了一个瓶颈,尽管它是开发Web 界面必备的核心语言。HTML页面的负载也是越来越重。大多数…

    编程技术 2025年3月9日
    200
  • HTML表格布局实际使用

    什么时候会用到表格 现在,表格 一般不再用于网页整体的布局。不过,在面对某些特定的设计,如表单输入、数据呈现时,表格则可能是最恰当的选择。 关于表格的直观印象,就是由多个单元格(cell)整齐排列而成的元素,可以明确看出行(row)和列(c…

    2025年3月9日 编程技术
    200
  • HTML的语意和与其相关的前端框架

    关于语义 语义研究的是标志与符号之间的关系,以及它们所代表的意义。在语言学中,它主要是研究这些标志(如单词,短语,或者声音)在语言中的意义。而在前端开发领域,语义主要涉及的是HTML元素、属性和属性值(包括像Microdata这样的扩展)所…

    编程技术 2025年3月9日
    200
  • HTML中Li标签的使用

     希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,ie8和ff都ok,但ie6/7则会换行,下面给出一个简单有效的解决办法。 nbsp;html PUBLIC “-//W3C//DTD XHTML 1…

    编程技术 2025年3月9日
    200
  • HTML编写简单的邮件模版

    今天,我想写一个”低技术”问题。   话说我订阅了不少了新闻邮件(Newsletter),比如JavaScript Weekly。每周收到一封邮件,了解本周的大事。  有一天,我就在想,是不是我也能做一个这样的邮件?…

    2025年3月9日
    200

发表回复

登录后才能评论