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

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

$.ajax({
    type: "get",
    url: URl,
    dataType: "json",
    data:{
    },
    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路径即可实现上传,当我们把项目部署到服务器时,即可实现上传图片到服务器功能,中间完全不需要后台帮助。

如有疑问,可以留言

  • 0
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值