PHP 作业2.7 获取文件后缀名

最新推荐文章于 2023-06-11 10:07:53 发布

Bealei

最新推荐文章于 2023-06-11 10:07:53 发布

阅读量148

点赞数

分类专栏： PHP AJAX

本文链接：https://blog.csdn.net/bealei/article/details/115757940

版权

php ajax

PHP 同时被 2 个专栏收录

16 篇文章 5 订阅

订阅专栏

AJAX

4 篇文章 0 订阅

订阅专栏

要求

选择电脑任意文件，使用php提取其后缀名。

效果图

在这里插入图片描述

index.php代码

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>获取文件后缀名</title>
</head>

<style>
  body {
    background-color: #dedede;
  }

  .main {
    border: 7px dotted #00bcff;
    width: 400px;
    margin: 222px auto;
    padding: 0 166px;
    font-size: 28px;
  }

  #ajax {
    color: red;
  }
</style>

<body>
  <div class="main">
    <h1>获取文件后缀名</h1>
    <p>
      文件名称：<input type="file" id="filename" onchange="zl()" />
    </p>

    <p>后缀名为： <span id="ajax"></span></p>
  </div>

  <script>
    function zl() {
      var fn = document.getElementById("filename").value;

      //1.创建对象
      var xmlhttp;
      if (window.XMLHttpRequest) {
        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlhttp = new XMLHttpRequest();
      } else {
        // IE6, IE5 浏览器执行代码
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      //2.判断对象是否准备就绪
      xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          document.getElementById("ajax").innerHTML = xmlhttp.responseText;
        }
      };
      //3.发出请求
      xmlhttp.open("GET", "data.php?fname=" + fn, true);
      xmlhttp.send();
    }
  </script>
</body>

</html>

data.php代码


<?php
$name = $_GET["fname"];
$str = strrpos($name, '.');
$hz = substr($name, $str);
echo $hz;
?>

Bealei

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
PHP 作业2.7 获取文件后缀名

要求选择电脑任意文件，使用php提取其后缀名。效果图index.php代码<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>获取文件后缀名</title></head><style> body { background-color: #dedede; } .main {
复制链接

扫一扫