1120人阅读 0条评论

教你php怎样隐藏图片地址

发布日期:2020年10月5日 20:24 星期一

php隐藏图片地址的方法：通过修改upload为要隐藏的图片的目录，代码为【if(file_exists("upload/".$_SERVER['PATH_INFO']))】。

php如何隐藏图片地址

php隐藏图片地址的方法：

比网上的那些都简洁(网上那些基本都不能用)修改upload为你要隐藏的图片的目录,static/404.png为你的404图片目录

效果是xxx.php/xx.xx(只要是图片类型就可以!可以自动判断类型!)

<?php

header("Content-type: image/".(@end(explode(".","upload/".$_SERVER['PATH_INFO']))));

if(file_exists("upload/".$_SERVER['PATH_INFO']))

  echo file_get_contents("upload/".$_SERVER['PATH_INFO']);

   else

   echo file_get_contents("static/404.png");

?>

打赏分享

支付宝扫一扫
微信扫一扫
企鹅扫一扫

趣乐分享-趣乐资源网

如有密码均为：www.itql.cn

学到东西应该懂得感恩作者无脑喷子永封IP段+删帐号所有评论

本站资源软件和源码文章大部分为网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

站长QQ：209993299

作者资料

 钱哆哆 4398篇文章 76条评论 ♥TA主页 💬联系Ta
描述: 90后草根站长！不忘初心，方得始终！

本文标签：

文章标题：教你php怎样隐藏图片地址

文章链接：https://www.itql.cn/post-4102.html

版权声明：若无特殊注明，本文皆为《钱哆哆》原创，转载请保留文章出处。

上一篇
分享php秒杀功能实现的思路下一篇
32个纯手写JS，巩固你的JS基础

相关文章

本文目标：1、掌握CSS3中内阴影和外阴影的用法问题：1、要求使用纯DIV+CSS实现如下效果附加说明：1、效果一中的水平阴影大小为4，垂直阴影为2，模糊度为62、效果二中的水平阴影为0，垂直阴影为0，模糊度303、整体宽度为800px,居中显示4、图片大小为180px,高度也是180px思路分析：1、创建2个列表，每个列表上带个标题2、第一个列表，展示4张图片，但是每张图片要带外阴影效果3、第二个列表，展示4张图片，但是每张图片要带内阴影效果具体实现如下：1、准备素材，一张张柏芝的图片，在根目录创建images,将素材放入其中，方便图片管理2、创建index.html,并把架构先写好<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>带阴影图片展示列表</title> </head> <body> <div class="container">  <p>阴影效果一</p> <ul class="shadow "> </ul>  <p>阴影效果二</p> <ul class="shadow"> </ul> </div> </body> </html>3、填充细节部分，把相关的元素写进来分析：1、创建列表一般我们是用ul2、第一个列表的阴影效果我们取名叫做boxshadow13、因为根据效果我们可以看出每个li都需要float，所以我们需要单独的添加一个clear li ,这样可以让ul包裹住里面浮动的li4、最后一列要做特别的样式处理不需要margin-left，所以样式名字我们给它取名为lastitem,这样方便单独为其进行样式设置5、因为我们发现2个列表其实样式都差不多，唯一的区别就是阴影效果不同，所以创建第二个列表的时候可以直接copy第一个，只是第二个列表的li的样式我们就叫做boxshadow2最终代码如下:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>带阴影图片展示列表</title> </head> <body> <div class="container">  <p>阴影效果一</p> <ul class="shadow"> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="lastitem boxshadow1"><img src="images/zbz.jpg" /></li> <li class="clear" ></li> </ul>  <p>阴影效果二</p> <ul class="shadow"> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="lastitem boxshadow2"> <img src="images/zbz.jpg" /> </li> <li class="clear" ></li> </ul> </div> </body> </html>4、写样式根目录创建css目录，里面新建index.css，里面的样式怎么写呢思路分析：.container分析1、通常最外层的容器我们可以为里面所有子元素定义一些共同的属性，比如padding:0,margin:0，这样防止一些元素有默认的padding,margin，影响我们的思路所以index.css添加代码如下：.container *{ padding:0; margin: 0; }p段落分析1、文字要居中所以index.css添加代码如下：p{ text-align: center; }ul 分析1、根据要求得知，ul width=800px,同时要居中(margin:0 auto),为了方便看居中效果，所以我们为它设置一个border:1px solid red所以index.css添加代码如下：.shadow{ width:800px; margin:10px auto; border:1px solid red; }ul li 分析1、根据要求得知，图片大小为180,我们可以把li的宽度设置为180,height=180,呈正方形显示，然后因为是水平排列，所以float:left,不带黑色圆点，所以list-style:none,然后右间距为 800-（180*4）=80 然后80/3 约等于 26.6,即margin-right:26.62、但是最后面的图片所在li，没有margin-right,所以还需要单独为li.lastitem设置一下3、为了让ul依然能够包裹住里面的li，我们需要为最后一列li.clear 清除一下浮动，且该li的width,height都要为0所以index.css添加代码如下：.shadow li{ list-style: none; float: left; width: 180px; height: 180px; margin-right: 26.5px; } .shadow li.lastitem{ margin-right: 0; } .shadow li.clear{ clear: both; float: none; width: 0; height: 0; }图片分析1、图片要显示为180，只要设置width:100%即可，让图片的宽=所在li的宽所以index.css添加代码如下：.shadow li img{width:100%;}阴影分析1、外阴影效果，根据要求得知，box-shadow x-shadow:4px y-shadow:2px 模糊度=6px 颜色为#333333，名字就叫做boxshadow12、内阴影效果，根据要求得知，box-shadow x-shadow:0 y-shadow:0,模糊度为30px,颜色一样，名字就叫做boxshadow2所以index.css添加代码如下：.boxshadow1{box-shadow:4px 2px 6px #333333; } .boxshadow2{ box-shadow: 0px 0px 30px #333333 inset; }好，到目前为止，我们就把所有我们能想到的样式写完了，最后根据结果再做修改调整，到此为止，index.css的最终代码如下.container *{ padding:0; margin: 0; } p{ text-align: center; } .shadow{ width:800px; margin:10px auto; border:1px solid red; } .shadow li{ list-style: none; float: left; width: 180px; height: 180px; margin-right: 26.5px; } .shadow li.lastitem{ margin-right: 0; } .shadow li.clear{ clear: both; float: none; width: 0; height: 0; } .shadow li img{width:100%;} /* 阴影 */ .boxshadow1{box-shadow:4px 2px 6px #333333; } .boxshadow2{ box-shadow: 0px 0px 30px #333333 inset; } .shadow li img{width:100%;}5、接下来，我们把样式文件引入index.html中<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>带阴影图片展示列表</title> <link rel="stylesheet" href="css/index.css" /> </head> <body> <div class="container">  <p>阴影效果一</p> <ul class="shadow"> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="lastitem boxshadow1"><img src="images/zbz.jpg" /></li> <li class="clear" ></li> </ul>  <p>阴影效果二</p> <ul class="shadow"> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="lastitem boxshadow2"> <img src="images/zbz.jpg" /> </li> <li class="clear" ></li> </ul> </div> </body> </html>运行效果如下：根据结果我们仔细观察，会发现第一个效果是合我们的意图，但是第二个的内阴影效果没有实现出来，为什么呢？是不是样式失效了呢？接下来稍微修改一下代码，把最后一个图片去掉看下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>带阴影图片展示列表</title> <link rel="stylesheet" href="css/index.css" /> </head> <body> <div class="container">  <p>阴影效果一</p> <ul class="shadow"> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="lastitem boxshadow1"><img src="images/zbz.jpg" /></li> <li class="clear" ></li> </ul>  <p>阴影效果二</p> <ul class="shadow"> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="lastitem boxshadow2">  </li> <li class="clear" ></li> </ul> </div> </body> </html>运行效果如下：说明什么呢？说明样式其实是对的，确实是内阴影的效果，但是为什么加上图片就看不到内阴影的效果了呢，这里是重点当要为图片设置内阴影的时候，如果只是设置图片外层的容器阴影，它的阴影效果会被图片遮住，所以需要为图片再设置position: relative;z-index:-1;才可以接下来我们试试，在index.css中修改img样式如下：.boxshadow2 img{ position: relative; z-index:-1; width: 100%; }然后再来运行看下：我们发现内阴影的效果就出来了，好接下来，去掉红色边框，恢复最后一张图片index.css修改后代码下 .container *{ padding:0; margin: 0; } p{ text-align: center; } .shadow{ width:800px; margin:10px auto; /* border:1px solid red; */ } .shadow li{ list-style: none; float: left; width: 180px; height: 180px; margin-right: 26.6px; } .shadow li.lastitem{ margin-right: 0; } .shadow li.clear{ clear: both; float: none; width: 0; height: 0; } .shadow li img{width:100%;} /* 阴影 */ .boxshadow1{box-shadow:4px 2px 6px #333333; } .boxshadow2{ box-shadow: 0px 0px 30px #333333 inset; } .boxshadow2 img{ position: relative; z-index:-1; width: 100%; }index.html代码如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>带阴影图片展示列表</title> <link rel="stylesheet" href="css/index.css" /> </head> <body> <div class="container">  <p>阴影效果一</p> <ul class="shadow"> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="boxshadow1"><img src="images/zbz.jpg" /></li> <li class="lastitem boxshadow1"><img src="images/zbz.jpg" /></li> <li class="clear" ></li> </ul>  <p>阴影效果二</p> <ul class="shadow"> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="boxshadow2"><img src="images/zbz.jpg" /></li> <li class="lastitem boxshadow2"> <img src="images/zbz.jpg" /> </li> <li class="clear" ></li> </ul> </div> </body> </html>运行结果如下：到此为止，效果就全部实现了总结：1、通过案例讲解了box-shadow内阴影，外阴影的两种用法外阴影语法：box-shadow:x-offset y-offset 模糊度颜色内阴影语法，在上面语法的基础上+insetx-offset,y-offset的值可正可负x-offset为正表示向右，负数向左y-offset为正表示向下，负数向上2、要注意为图片添加内阴影，可以通过设置position:relative,z-index实现希望本文能给大家带来一定的帮助，谢谢！！！

CSS3边框阴影实现2种图片列表展示效果-案例解析（代码实例）

钱哆哆

2020-6-4

区别如下：一、定义不同HTML是超文本标记语言（HyperText Mark-up Language）；URL是统一资源定位符（Uniform / Universal Resource Locator）。二、用法不同1、一个HTML页面中可以有多个URL地址；2、一个URL只能指向一个HTML页面。直白地说就是html是网页，而URL是网页或网站地址。以上就是html和url有什么区别么的详细内容，更多请趣乐分享其它相关文章！

html和url有什么区别么

钱哆哆

2020-8-21

本文实例为大家分享了js实现双色球效果的具体代码，供大家参考，具体内容如下效果展示：源码展示：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js实现双色球效果</title> <style> span{ font-size: 20px; } .a { color: red; } .b { color: blue; } </style> </head> <body> <button>点击获取今日双色球数</button> <pre> <span class="a"></span><span class="b"></span> </pre> <script> var arrS = []; for (let i = 1; i < 34; i++) { arrS[i - 1] = i; } var spans = document.querySelectorAll("span"); document.querySelector("button").onclick = function () { /*es6 使用 set 集合会自动去除重复*/ /*获取红球*/ let set = new Set(); while (set.size < 6) { set.add(getR(arrS, arrS.length)); } /*获取篮球*/ let set1 = new Set(); while (set1.size < 1) { set1.add(getR(arrS, 16)); } var hong = ""; var lan = ""; for (let v of set) { hong += v; hong += " "; } for (let v of set1) { lan += v; lan += " "; } //将内容添加到页面上 spans[0].innerText = hong; spans[1].innerText = lan; } // 获取指定范围内的随机数 function getR(arr, al) { return arr[Math.floor(Math.random() * al)]; } </script> </body> </html>

js实现双色球效果

钱哆哆

2020-8-6

发表评论
取消回复

电子邮件地址不会被公开。必填项已用*标注

快速回复: 支持感谢学习不错高兴给力加油惊喜

搜一搜

最新文章

截至2020年百度算法大合集，你的网站中招了吗

2020-11-30

4950

百度算法：石榴算法，石榴算法是什么？

2020-11-30

3430

百度算法：绿萝算法，绿萝算法1.0是什么？

2020-11-30

2730

百度算法：冰桶算法，冰桶算法是什么？

2020-11-30

2710

百度算法：清风算法1.0，清风算法1.0是什么？

2020-11-30

2630

百度算法闪电算法，闪电算法是什么？

2020-11-30

1890

热门文章

QQxml卡片代码合集超大图、清明上河图、官方认证推荐、假红包等

未成年人恋人馆：只要10块就能得到13岁女孩的娇喘等服务

收藏的桌面壁纸华硕之眼

cf无限1分钟机器码230方法的最新解决方法

简约木质纹理高清桌面壁纸

利用QQ假红包强制进群免验证

QQ卡片代码第二期假红包代码分享可修改文字链接

标签

忍者冒险传奇 (1) 新版短信洪炸源码 (1) 破解域名防红系统 (1) 每日60秒读懂世界 (21) 一键查询 (1) 熊猫扫号 (1) phpcms (4) 留言板 (1) Acme CAD Converter (1) 美的回应热水器电晕女生 (1) 宇宙星系 (1) 小伙拔牙10天后脑出血死亡 (1) Scratch入门编程 (1) 极限跳跃 (1) 微博视频号 (1) css背景模糊效果 (1) 今天京城飘雪了 (1) html5初音未来 (1) 微信“双封” (1) 腾讯视频VIP (2) 美女健身 (1) 全能工具箱 (1) 手游起名助手 (1) centos下修改文件 (1) Fly模板 (2) 微信小商店 (1) 提醒弹窗 (1) 绝地求生内部压枪小助手 (1) 真人快打X (1) 拼多多优惠券 (1)

用户登陆

记住密码忘记密码?

还没有账号?

您还可以使用其他方式登陆

注册账号

已有账号?

您还可以使用其他方式登陆

请珍惜本站账号,一经发现账号共享,取消VIP资格.

密码找回

密码已找回?

扫描登陆

首页

公告

快速搜索

关于

登陆注册

流量统计丨网站地图丨文章存档丨Sitemap 趣乐分享(ITQL.CN) | 鄂ICP备20004346号-2
Copyright © 2020 趣乐资源网丨你想要的，这里都有！页面加载耗时：0.025秒丨查询数据库：51次丨当前在线人数：3人

去顶部

联系站长

大家都在搜

绿地

忍者冒险传奇

女性脱单

批量清粉

卡死代码

Shutdown定时关机

榨菜哥

挂机协议

引流

不雅视频

照片拼贴

怎样实现图片抖动效果

今日诗词

520表白

thinkphp5.1

腾讯客服

小马win10永久激活工具

avast激活许可证

搜狗阅读vip破解教程

iOS

驱动人生海外版

Photo Stamp Pro

防撤回

PDown

网站滚动条显示位置百分比

MySQL

地球律动自动壁纸

OpenVPN

github

魔性黄盖雕像

发表评论 取消回复

用户登陆

注册账号

密码找回

去顶部

联系站长

大家都在搜

发表评论
取消回复