php制作后台,上传图片,点击上传,弹出一个图片库,从图片库里面选择图片,如何实现?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php制作后台,上传图片,点击上传,弹出一个图片库,从图片库里面选择图片,如何实现?相关的知识,希望对你有一定的参考价值。

php制作后台,上传图片,一种本地上传,一种服务器已有图片,弹出一个图片库,从服务器图片库里面选择图片,如何实现?说下思路。
如图效果

这里单独依靠php是不能实现的,需要结合php和javascript
在服务器端,需要制作一个php文件,接收一个请求后,会遍历相应的目录或者查询数据库,将查询到的结果(包含图片总数,以及一个当前页的图片信息列表,列表中要包含图片的地址、文件名、创建时间等信息)已json的形式返回。
在客户端,需要使用javascript实现点击时弹出窗口,并且在用户点击相应的项目的时候向服务器端的php文件发送请求,接收结果,然后将结果生成图中的html代码,显示出来。
制作这样的东西需要的时间不短,中间还会发生各种问题,需要有耐心。另外,直接使用javascript来制作客户端部分的话效率不高,建议结合jQuery来实现。
参考技术A 你如果用过一些比较流行的富文本编辑器(fckeditor,kindeditor)的话,你就会知道这些富文本编辑器里就有类似这个功能。你可以去下来看看。JS和php代码都有得看。 参考技术B 本地上传到服务器从服务器选择,图片库可用php文件操作实现.选择图片将图片地址传回页面

文件上传图片

通过 PHP,可以把文件上传到服务器。里面加入一些图片的判断,如果不加判断文件的类型就可以上传任意格式的文件。
为了网站的安全,肯定不让上传php文件,如果有人进入你的后台,上传了一个php文件,你的网站源码,全部救变成他的了,直接打包看你的代码。所以一定要控制上传的目录与文件类型,一般只可以上传图片。
要实现文件上传图片我们需要写出两个php文件,第一个php文件我们需要写出一个文件上传的页面,
第二个php文件我们写出实现图片上传的功能
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 
 8 <body>
 9 
10 <h1>文件上传</h1>
11 <form action="upload.php" method="post" enctype="multipart/form-data">
12    <input type="file" name="file" />
13     <input type="submit" value="上传" />
14 </form>
15 </body>
16 </html>

 1 <?php
 2 var_dump($_FILES["file"]);
 3 
 4 限制文件的类型
 5 限制文件的大小
 6 防止文件名重复
 7    
 8     一.防止文件名重复
 9    1.修改文件名
10    流水号,时间戳+随机数+用户名
11 
12    2.建文件夹
13    upload/20170317/lch/shangchuan/11.jpg
14 
15    3.保存文件
16 
17 if($_FILES["file"]["error"])
18 {
19    echo $_FILES["file"]["error"];
20 }
21 else
22 {
23    没有出错
24    
25     加限制条件
26    if(($_FILES["file"]["type"]=="image/png" || $_FILES["file"]["type"]=="image/jpeg") && $_FILES["file"]["size"]<1024000)
27    {
28       
29       防止文件名重复
30       $filename = "./img/".time().$_FILES["file"]["name"];
31       
32     转码
33       $filename = iconv("UTF-8","gb2312",$filename);
34       
35       
36     if(file_exists($filename))
37       {
38          echo "该文件已存在";
39       }
40       else
41       {
42          保存文件
43          move_uploaded_file($_FILES["file"]["tmp_name"],$filename);
44       }
45    }
46    else
47    {
48       echo "文件类型不对";
49    }
50 }

注释:对于 IE,识别 jpg 文件的类型必须是 pjpeg,对于 FireFox,必须是 jpeg。 
保存被上传的文件 
上面的例子在服务器的 PHP 临时文件夹创建了一个被上传文件的临时副本。 
这个临时的复制文件会在脚本结束时消失。要保存被上传的文件,我们需要把它拷贝到另外的位置: 

 上面的脚本检测了是否已存在此文件,如果不存在,则把文件拷贝到指定的文件夹。

以上是关于php制作后台,上传图片,点击上传,弹出一个图片库,从图片库里面选择图片,如何实现?的主要内容,如果未能解决你的问题,请参考以下文章

uni小程序上传图片,兼容安卓机不会自动弹出相机选项的写法

UEditor单独图片上传

制作gif格式的图片

php后台商品添加,需要两个表单,一个用于提交上传图片,一个用于提交商品数据到数据库。

请问网站后台上传图片显示不出来是怎么回事呢?

php后台接受上传图片