bootstrap上传视频
时间: 2023-09-09 17:10:28 浏览: 38
要在Bootstrap中实现视频上传,你需要使用Bootstrap的表单组件和文件输入组件。以下是一些步骤:
1. 在你的HTML页面中引入Bootstrap库和jQuery库。
```html
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
```
2. 创建一个表单,包含一个文件输入组件和一个提交按钮。
```html
<form action="#" method="post" enctype="multipart/form-data">
<div class="form-group">
<label for="video">选择视频</label>
<input type="file" name="video" id="video" class="form-control-file">
</div>
<button type="submit" class="btn btn-primary">上传</button>
</form>
```
3. 创建一个PHP脚本来处理上传视频的请求。
```php
<?php
if(isset($_FILES['video'])){
$errors= array();
$file_name = $_FILES['video']['name'];
$file_size =$_FILES['video']['size'];
$file_tmp =$_FILES['video']['tmp_name'];
$file_type=$_FILES['video']['type'];
$file_ext=strtolower(end(explode('.',$_FILES['video']['name'])));
$extensions= array("mp4","avi","mov","wmv");
if(!in_array($file_ext,$extensions)){
$errors[]="只允许上传mp4, avi, mov, wmv格式的文件.";
}
if($file_size > 20971520){
$errors[]='文件大小不能超过20MB';
}
if(empty($errors)==true){
move_uploaded_file($file_tmp,"videos/".$file_name);
echo "文件上传成功!";
}else{
print_r($errors);
}
}
?>
```
4. 在表单中设置action属性为上述PHP脚本的路径。
```html
<form action="upload.php" method="post" enctype="multipart/form-data">
```
5. 运行你的代码,选择一个视频文件并点击上传按钮。如果一切顺利,你应该会看到一个"文件上传成功!"的消息,视频文件会被保存在服务器的videos目录下。