php查找到upload文件夹里面的foot1.png图片并调用它

您可以使用PHP的文件操作函数，如`scandir()`或`glob()`来查找文件夹中的文件以及`<img>`标签来调用图片。例如，以下代码可以帮助您实现这个问题：

<?php
$dir = 'upload/';
$files = glob($dir . '*'); // 获取文件夹中的所有文件

// 遍历文件
foreach($files as $file) {
  if (basename($file) === 'foot1.png') {
    echo '<img src="'.$file.'"/>'; // 调用图片
    break;
  }
}
?>

相关问题

php上传图片到指定文件夹

你可以使用PHP的内置函数move_uploaded_file()将上传的图片移动到指定的文件夹中。具体操作步骤如下：

1. 确定上传文件的表单字段名，例如<input type="file" name="image" />。

2. 在PHP代码中使用$_FILES超级全局变量获取上传文件的信息，例如$uploadedFile = $_FILES['image']。

3. 确定上传文件的目标文件夹路径，例如$targetFolder = '/path/to/folder/'。

4. 使用move_uploaded_file()函数将上传文件移动到目标文件夹中，例如move_uploaded_file($uploadedFile['tmp_name'], $targetFolder . $uploadedFile['name'])。其中，$uploadedFile['tmp_name']表示上传文件的临时文件名，$uploadedFile['name']表示上传文件的原始文件名。

完整代码示例：

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  $uploadedFile = $_FILES['image'];
  $targetFolder = '/path/to/folder/';

  if ($uploadedFile['error'] === UPLOAD_ERR_OK) {
    $filename = basename($uploadedFile['name']);
    $targetPath = $targetFolder . $filename;
    if (move_uploaded_file($uploadedFile['tmp_name'], $targetPath)) {
      echo '上传成功';
    } else {
      echo '上传失败';
    }
  } else {
    echo '上传失败';
  }
}

html+js上传图片到指定文件夹并在前端显示图片

好的，以下是一个简单的实现方法：

1. 在 HTML 页面上添加一个文件选择框和一个按钮，用于触发上传事件：

<input type="file" id="fileInput">
<button onclick="upload()">上传</button>

2. 在 JavaScript 中定义上传函数 `upload()`，获取用户选择的文件，并创建一个 FormData 对象，将文件添加到 FormData 中，同时添加一个自定义参数 `folder`，用于指定上传到服务器的哪个文件夹：

function upload() {
  // 获取文件选择框中的文件
  const fileInput = document.getElementById('fileInput');
  const file = fileInput.files[0];

  // 创建 FormData 对象
  const formData = new FormData();
  // 添加文件到 FormData 中
  formData.append('file', file);
  // 添加自定义参数到 FormData 中
  formData.append('folder', 'uploads');
  
  // 发送 POST 请求
  const xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload');
  xhr.send(formData);
}

3. 在服务器端接收到 POST 请求后，解析 FormData 中的文件和自定义参数，将文件保存到指定的文件夹中。这里以 Node.js 为例：

const express = require('express');
const app = express();
const multer = require('multer');
const path = require('path');

// 设置文件上传的目录
const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    const folder = req.body.folder || 'uploads';
    cb(null, folder);
  },
  filename: function (req, file, cb) {
    cb(null, Date.now() + path.extname(file.originalname));
  }
});
const upload = multer({ storage: storage });

// 处理文件上传的 POST 请求
app.post('/upload', upload.single('file'), (req, res) => {
  res.send('上传成功');
});

4. 在上传成功后，将上传的图片在前端页面中显示出来。这里使用 FileReader API 将图片文件读取为 Base64 编码，然后将 Base64 编码的字符串作为图片的 `src` 属性值，显示在页面中：

function upload() {
  // 获取文件选择框中的文件
  const fileInput = document.getElementById('fileInput');
  const file = fileInput.files[0];

  // 创建 FormData 对象
  const formData = new FormData();
  // 添加文件到 FormData 中
  formData.append('file', file);
  // 添加自定义参数到 FormData 中
  formData.append('folder', 'uploads');
  
  // 发送 POST 请求
  const xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload');
  xhr.onload = function () {
    // 上传成功后，将图片显示出来
    const reader = new FileReader();
    reader.onload = function () {
      const img = document.createElement('img');
      img.src = reader.result;
      document.body.appendChild(img);
    };
    reader.readAsDataURL(file);
  };
  xhr.send(formData);
}

以上就是一个简单的上传图片并显示的实现方法。需要注意的是，上传图片的过程中，需要对图片进行一些验证和处理，比如检查图片类型、大小、防止上传恶意脚本等。此外，服务器应该设置好文件夹的权限，避免上传到不该上传的文件夹中。