加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajaxload动态加载动画生成工具的实现(ajaxload的本地移植)

发布时间:2020-12-15 21:59:05 所属栏目:百科 来源:网络整理
导读:前言 前段时间看到一个国外的网站,在线生成ajax loading动画。觉得很实用,于是动起了移植到自己网站的念头(一直以来的习惯,看到好的工具总想着移植到本地好好研究)。根据以往移植的经验最终把 这个工具移植到自己网站上了,生成图片的核心还是用了原来

前言

前段时间看到一个国外的网站,在线生成ajax loading动画。觉得很实用,于是动起了移植到自己网站的念头(一直以来的习惯,看到好的工具总想着移植到本地好好研究)。根据以往移植的经验最终把 这个工具移植到自己网站上了,生成图片的核心还是用了原来网站的接口,所以这个功能的实现完全依赖于原网站,生成和下载图片的速度取决于网速,由于是国外 的网站,功能并不稳定。下面介绍下我移植的过程已经遇到的问题。

1.把原网站的代码本地化

这一步比较简单,不过有点麻烦,相关的图片,css,js,html文件保存在本地。

2.实现生成图片的功能

这里遇到了第一个问题,网站生成的图片保存在根据颜色值生成的途径上,而这些图片有防盗链设置,不 允许外来网站引用。尝试过写程序把网站上的所有图片按原目录下载到本地,但是图片太多,放弃了这个思路。

最后采取的办法是通过伪造来源访问原网站的图片,获取图片数据,并直接输出在页面。

下面是实现的代码

  1. $file=$_REQUEST['file'];
  2. $url=’http://www.ajaxload.info/’.$file;
  3. $ch=curl_init();
  4. curl_setopt($ch,CURLOPT_URL,$url);
  5. curl_setopt(
  6. “http://www.ajaxload.info”);
  7. $chData=curl_exec($ch);
  8. if(curl_errno($ch)){
  9. echo’Curlerror:’.curl_error( }
  10. curl_close($ch);
  11. header(“Content-type:image/gif”);
  12. echo$chData;

注:本人的网站基于BAE建设,与其他服务器的伪造来源有些区别

其他服务器需把

    替换成

    把上述代码保存为ajaxload.php文件用下面的代码

    varurl=’http://bloglaotou.duapp.com/ajaxloader.php?file=cache/’+c1+’/'+c2+’/'+c3+’/'+c4+’/'+c5+’/'+c6+’/'+$$(‘type’).value+’-'+trans+’.gif’;

注:http://bloglaotou.duapp.com替换成你自己的ajaxloader.php文件的地址。

替换原网站script.js文件中的

varurl=’cache/’+c1+’/'+c2+’/'+c3+’/'+c4+’/'+c5+’/'+c6+’/'+$(‘type’).value+’-'+trans+’.gif’;

3.下载图片的实现

同样的原因,原网站的下载功能移植到本地后也不能用了,实现的方法与生成图片的方法类似

代码如下

if(isset($_GET[url])){
  • $_GET[url];//获取参数
  • header(“Content-Type:application/force-download”);
  • header(“Content-Disposition:attachment;filename=ajax-loading.gif”);//$downname是下载后的文件名
  • $_REQUEST['url'];
  • //www.ajaxload.info/’.$file;
  • $ch=curl_init();
  • $url);
  • “http://www.ajaxload.info”);
  • $ch)){
  • }
  • curl_close($chData;
  • exit;//结束程序
  • }
  • 把上面的代码保存为download.php并把原网站script.js文件中的

    if(!$(‘downloadit’))domEl(‘a’,'Downloadit’,[['id','downloadit'],['href','download.php?img='+url]],$(‘previewinner’));

    替换为

    //bloglaotou.duapp.com/download.php?url='+path]],$(‘previewinner’));

    注:http://bloglaotou.duapp.com替换成你自己的ajaxloader.php文件的地址。

    效果预览

    查看示例

    该功能已经集成到网站的小工具里,点这里查看

    下载地址

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读