Html5里面的 标签的 Download 属性可以设置一个值来规定下载文件的名称.所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等), 但是 Download 的兼容性不怎么样,只有 Firefox 和 Chrome 支持 download 属性.但是,路总是人走出来的嘛(哈哈哈哈),在文章后面会给大家说说怎么兼容IE的!   测试代码: <a href="imges/1.jpg" download=&q…
最近需要一个功能,是点击链接,直接把图片下载下来,一般情况下,图片是在新页直接打开的,不会自动提示下载,在网上找来找,用这个挺好使,代码如下: $filename = basename($downfile); $filename_info = explode('.', $filename); $fileext = $filename_info[count($filename_info)-1]; header('Content-type: application/x-'.$fileext); he…
a 标签的download属性在下载图片文件的时候是如何的方便,可是可是谷歌浏览器不支持下载,而是下载打开新窗口预览图片.这个兼容性问题如何解决呢? 了解了一番,HTMLCanvasElement.toBlob()方法可以用以展示canvas上的图片:这个图片文件可以被缓存或保存到本地,由用户代理端自行决定. 更多HTMLCanvasElement.toBlob()详情前去https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLCanvasEle…
目标是:用户点击链接直接弹出下载框,不在浏览器打开文件. 一般网站下载的功能,本以为直接把虚拟路径赋值给链接就行了,没想到测试的时候发现图片,文本和PDF格式的文件都自动在Firefox里面打开了,没有弹出下载框.今天找到一个好办法来解决这个问题. 网站发布以后,在IIS里面配置一下就行了.步骤如下: 1.在IIS左侧树形目录的“网站”中找到自己发布的网站,从中找到下载的文件所在的目录,并且选中: 2.找到“HTTP响应标头”这个选项,双击打开: 3.点击“添加”按钮,在弹出来的对话框中“名称”…
down.php <?php $file = "avater.jpg"; //计算机上的一个文件 $fileName = basename($file); //获取文件名 header("Content-Type:application/octet-stream"); //告诉浏览器文档类型(mime类型); octet-stream指的是二进制文件类型;下载任何类型的文件都可以这么指定 header("Content-Disposition:att…
一.download属性是个什么鬼? 首先看下面这种截图: 如果我们想实现点击上面的下载按钮下载一张图片,你会如何实现? 我们可能会想到一个最简单的方法,就是直接按钮a标签链接一张图片,类似下面这样:     1 <a href="large.jpg">下载</a> 但是,想法虽好,实际效果却不是我们想要的,因为浏览器可以直接浏览图片,因此,我们点击下面的"下载"链接,并是不下载图片,而是在新窗口直接浏览图片. 下载 看我的眼睛, 于是,基本…
1.使用场景 对浏览器 识别/不识别 的文件下载 2.核心代码 var eleTextarea = document.querySelector('textarea'); var eleButton = document.querySelector('input[type="button"]'); // 下载文件方法 var funDownload = function (content, filename) { var eleLink = document.createElement…
介绍一个HTML5的新特性 a标签的download属性: 目前市场上面支持的浏览器有限: html: <!DOCTYPE html> <html> <body> <p>点击 W3School 的 logo 来下载该图片:<p> <a href="/i/w3school_logo_white.gif" download="w3logo"> <img border="0"…
一.HTML download 与文件下载 如果希望在前端侧直接触发某些资源的下载,最方便快捷的方法就是使用HTML5原生的download属性,例如: <a href="large.jpg" download>下载</a> 但显然,如果纯粹利用HTML属性来实现文件的下载(而不是浏览器打开或浏览),对于动态内容,就无能为力. 例如,我们对页面进行分享的时候,希望分享图片是页面内容的实时截图,此时,这个图片就是动态的,纯HTML显然是无法满足我们的需求的,借助J…
今天做项目遇到一个要点击按钮下载文件的功能. 百度之 知道了a的download属性.这是HTML5的新特性.主要功能是实现下载功能.主要语法是 <a href="url" download="filename">下载</a> url是你的路径,如果不写或者写成# 会下载当前页面的HTML代码 filename是下载之后文件的名字.所以不写也可以,不写会按照路径里的那个文件名来. 这个属性不兼容ie, 版本多高的ie都不支持.也不支持Safa…