最近有个需求,下载资源服务器的图片,找了各种办法去下载,都未能实现,最后不得已,写下了如下方法,先用服务器去获取资源,将图片保存再服务器上,再去下载
前端代码
onClick:function(){
if(confirm( '是否下载当前图片! ')==true){
var reg = /(?<=(src="))[^"]*?(?=")/ig;
var str =$('.swiper-slide-active').children('span').children('img').attr('src');
$.ajax({url:"/reward/apply/download?filename="+str,type:'get',success:function(res){
var url = "/img/"+res;
var a = document.createElement('a'); // 创建一个a节点插入的document
var event = new MouseEvent('click') // 模拟鼠标click点击事件
a.download = res // 设置a节点的download属性值
a.href = url; // 将图片的src赋值给a节点的href
a.dispatchEvent(event); // 触发鼠标点击事件
}});
};
}
后端php
public function download(){
$url = 'http:'.$_GET['filename'];
$state = @file_get_contents($url,0,null,0,1);//获取网络资源的字符内容
if($state){
$filename = rand(1000,9999).'.jpg';//文件名称与路径
ob_start();//打开输出
readfile($url);//输出图片文件
$img = ob_get_contents();//得到浏览器输出
ob_end_clean();//清除输出并关闭
$size = strlen($img);//得到图片大小
$fp2 = @fopen('./img/'.$filename, "a");
fwrite($fp2, $img);//向当前目录写入图片文件,并重新命名
fclose($fp2);
echo $filename ;
exit;
}
}