输入静态资源文件url点击按钮自动下载到本地
查看效果：静态资源文件下载工具
我们在开发工作中
经常遇到需要从浏览器下载某个图片，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做成如下开篇是效果地址