查看效果:静态资源文件下载工具
我们在开发工作中
经常遇到需要从浏览器下载某个图片,html,css,js,.doc,.zip等等。
图片还好说一般只需从要拖拽到桌面即可
.zip、.doc文件一般输入链接浏览器会自动下载
但是一些静态文件如css和js文件
在浏览器输入文件链接会自动在浏览器打开
需要手动复制全部数据到自建的本地文件中
操作比较麻烦不够人性化
并且当文件过大容易造成浏览器卡顿
当然你还可以使用ctrl+s
但是每个文件都要在浏览器打开一次也较繁琐
这就需要一种下载静态文件的工具
即输入资源文件url点击按钮自动下载到本地
可节省时间,提高开发效率
使用纯js无法实现通过输入链接下载文件
只能使用后端语言来实现
我博客使用的是php语言
这里我就是用php做了一个下载文件的工具
直接上代码
<?php header("Content-type: text/html; charset=utf-8"); $filename=$_GET['url']; $title=substr($filename,strrpos($filename,'/')+1); $file = fopen($filename, "rb"); Header( "Content-type: application/octet-stream "); Header( "Accept-Ranges: bytes "); Header( "Content-Disposition: attachment; filename= $title"); $contents = ""; while (!feof($file)) { $contents .= fread($file, 8192); } echo $contents; fclose($file); ?>后面通过写了点html做成如下开篇是效果地址
发表评论: