随手写一个图床，用来放置图片

项目地址：https://gitee.com/chalkbox/vue_shop

链接地址：http://vue.wuliwu.top/

没有登陆接口，用户可以直接上传图片至服务器文件夹

高清图片获取与数据库，数据库中存放了高清图片的链接地址，使用了七牛云存储链接

后台PHP文件设置了上传图片的大小为2M

高清图片可以点击跳转，获得链接地址，去掉链接地址的后缀就是原图

附上php代码：

<?php 
header("Content-type:text/html;charset=utf-8");
//接收数据
$host = "localhost";
$username = 'root';
$password = 'root';
$db = 'mywu';
//插入数据到数据库
//1.连接数据库
$conn = mysqli_connect($host,$username,$password,$db);
if (!$conn) {
    die('Could not connect: ' . mysqli_error($con));
}
$usersArr = [];
mysqli_set_charset($conn,'utf8');
$user_menu = "select * from test";
//5.发送sql语句
$res = mysqli_query($conn,$user_menu);   //结果集的资源
//6.将结果集资源转换成数据
// $row = $res->fetch_assoc();
  while($row = $res->fetch_assoc())
{
    $userArr[] = $row;
};
$jsonencode = json_encode($userArr);
echo $jsonencode;
?>

<?php
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/png"))
&& ($_FILES["file"]["size"] < 2097152))
  {
  if ($_FILES["file"]["error"] > 0)
    {
    echo "Return Code: " . $_FILES["file"]["error"] . "<br />";
    }
  else
    {
    echo "Upload: " . $_FILES["file"]["name"] . "<br />";
    echo "Type: " . $_FILES["file"]["type"] . "<br />";
    echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
    echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />";

    if (file_exists("upload/" . $_FILES["file"]["name"]))
      {
      echo $_FILES["file"]["name"] . " already exists. ";
      }
    else
      {
      $arr=explode(".",$_FILES["file"]["name"]);    //根据点来把原文件名打散为数组
      $hz=$arr[count($arr)-1];    //返回数组中元素的数目，总数目减一得到数组中的末尾字符串从而得到后缀
      
      $randname=date("Y").date("m").date("d").date("H").date("i").date("s").rand(100, 999).".".$hz;
      move_uploaded_file($_FILES["file"]["tmp_name"],
      "../upload/".$randname);    //将文件重命名为时间字符串加后缀并存储
      
      //move_uploaded_file($_FILES["file"]["tmp_name"],
      //"upload/" . $_FILES["file"]["name"]);
      //echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
      }
    }
  }
else
  {
  echo "Invalid file";
  }

<?php
$files1 = scandir("../upload");    //列出文件夹中的文件名和文件夹名,输出为一个数组.开头会有一个 . 和 ..
$upArr = [];
foreach($files1 as $A){                 //使用foreach循环出文件夹内的数组名
    if($A != "."&& $A!=".."){           //把 . 和 .. 过滤掉
        $arrs[] = array("name" => $A ,"img"=>$A);   //新建一个数组,数组元素为二维数组(二维数组的name值和img值均为维原数组的值)
    }
}
for($i=0;$i<count($arrs);$i++){
    $upArr[$i] = $arrs[$i]["img"];   //输出一个图片 图片地址为数组的 img 值
}
rsort($upArr);    //以降序对数组排序
$jsonencode = json_encode($upArr);    //排序后原数组的变量不变，顺序改变
//输出变量$jsonencode
echo $jsonencode;
?>

 

高清图片获取两种方式选其一，因为高清图片大小过大，建议放在七牛云/OSS等云存储内用第一种方法，方便用链接直接访问

1：

<?php 
header("Content-type:text/html;charset=utf-8");
//接收数据
$host = "localhost";
$username = 'root';
$password = 'root';
$db = 'mywu';
//插入数据到数据库
//1.连接数据库
$conn = mysqli_connect($host,$username,$password,$db);
if (!$conn) {
    die('Could not connect: ' . mysqli_error($con));
}
$usersArr = [];
mysqli_set_charset($conn,'utf8');
$user_menu = "select * from HDpic";
//5.发送sql语句
$res = mysqli_query($conn,$user_menu);   //结果集的资源
//6.将结果集资源转换成数据
// $row = $res->fetch_assoc();
  while($row = $res->fetch_assoc())
{
    $userArr[] = $row;
};
$jsonencode = json_encode($userArr);
echo $jsonencode;
?>

<?php
$files1 = scandir("../HDpic");    //列出文件夹中的文件名和文件夹名,输出为一个数组.开头会有一个 . 和 ..
$upArr = [];
foreach($files1 as $A){                 //使用foreach循环出文件夹内的数组名
    if($A != "."&& $A!=".."){           //把 . 和 .. 过滤掉
        $arrs[] = array("name" => $A ,"img"=>$A);   //新建一个数组,数组元素为二维数组(二维数组的name值和img值均为维原数组的值)
    }
}
for($i=0;$i<count($arrs);$i++){
    $upArr[$i] = $arrs[$i]["img"];   //输出一个图片 图片地址为数组的 img 值
}
rsort($upArr);    //以降序对数组排序
$jsonencode = json_encode($upArr);    //排序后原数组的变量不变，顺序改变
//输出变量$jsonencode
echo $jsonencode;
?>