纯前端实现上传图片到本地或服务器，并根据时间创建文件夹，无需后台

1.我们平时接触到的接口都是后台需要你给他传递几个参数，你就把参数对应的值给他们就行了

$.ajax({
    type: "get",
    url: URl,
    dataType: "json",
    data:{
        'page':'0',
        'rows':'1',
        'Name':''
    },
    success: function (d) {

2.当你给后台传图片时，你传的是一个文件而不再是普通的string类型的值。而是file类型也就是文件类型

我们要做的只是把这个formData传给后台就完成了，一般正常情况下前端做到这一步就搞定了。

3.延伸：不要后台，我们自己把图片传到我们的电脑或服务器上，此时需要用到一些php代码帮助我们搞定

//新建一个upload.php的文件

<?php
header("Content-Type:text/html; charset=utf-8");

$filename = $_FILES['file']['name'];
//根据日期在对象路径下创建文件夹
$time = date("Ymd");
 $dir = iconv("UTF-8", "GBK", "../images/icon/".$time);
//检测文件夹是否存在
        if (!file_exists($dir)){
            mkdir ($dir,0777,true);
            echo '创建文件夹成功';
        } else {
            echo '需创建的文件夹已经存在';
        }
//往文件夹中上传图片
//iconv("UTF-8","")是为了防止有汉字的时候出现乱码
if ($filename) {
    move_uploaded_file($_FILES["file"]["tmp_name"],
      "../images/icon/".$time."/".iconv("UTF-8","gb2312",preg_replace('# #','',$filename)));

}

?>

4.此时把ajax路径换成我们的upload.php路径即可实现上传，当我们把项目部署到服务器时，即可实现上传图片到服务器功能，中间完全不需要后台帮助。

如有疑问，可以留言

纯前端实现上传图片到本地或服务器，并根据时间创建文件夹，无需后台

相关推荐