html实现图片的上传和显示、视频的上传和显示代码
时间: 2024-05-06 13:21:10 浏览: 32
您好,以下是HTML实现图片上传和显示、视频上传和显示代码的示例:
图片上传和显示:
```html
<!DOCTYPE html>
<html>
<head>
<title>图片上传和显示</title>
<meta charset="utf-8">
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="file">选择图片:</label>
<input type="file" name="file" id="file"><br>
<input type="submit" name="submit" value="上传">
</form>
<?php
if(isset($_POST['submit'])){
$file_tmp = $_FILES['file']['tmp_name'];
$file_name = $_FILES['file']['name'];
move_uploaded_file($file_tmp, "upload/".$file_name);
echo "<img src='upload/".$file_name."'>";
}
?>
</body>
</html>
```
视频上传和显示:
```html
<!DOCTYPE html>
<html>
<head>
<title>视频上传和显示</title>
<meta charset="utf-8">
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="file">选择视频:</label>
<input type="file" name="file" id="file"><br>
<input type="submit" name="submit" value="上传">
</form>
<?php
if(isset($_POST['submit'])){
$file_tmp = $_FILES['file']['tmp_name'];
$file_name = $_FILES['file']['name'];
move_uploaded_file($file_tmp, "upload/".$file_name);
echo "<video width='320' height='240' controls>
<source src='upload/".$file_name."' type='video/mp4'>
Your browser does not support the video tag.
</video>";
}
?>
</body>
</html>
```
希望能对您有所帮助。谢谢!
阅读全文