用html编写一个静态页面 实现以下功能：①同时上传多个pdf或者doc或者docx文件②上传的文件存在一个表格里面③表格里面每个文件的后面有两个选项，预览该文件和下载该文件
时间: 2024-03-21 15:41:49 浏览: 20
好的，我可以为您提供一份样例代码，您可以参考一下：
HTML代码：
```html
<!DOCTYPE html>
<html>
<head>
<title>文件上传</title>
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="file">选择文件:</label>
<input type="file" name="file[]" id="file" multiple><br><br>
<input type="submit" name="submit" value="上传">
</form>
<table border="1">
<tr>
<th>文件名</th>
<th>大小</th>
<th>预览</th>
<th>下载</th>
</tr>
<?php
$folder = "uploads/";
if(is_dir($folder)){
if($handle = opendir($folder)){
while(($file = readdir($handle)) !== false){
if($file != "." && $file != ".."){
$file_size = filesize($folder.$file);
$file_size = round($file_size/1024, 2)." KB";
echo '<tr>';
echo '<td>'.$file.'</td>';
echo '<td>'.$file_size.'</td>';
echo '<td><a href="uploads/'.$file.'" target="_blank">预览</a></td>';
echo '<td><a href="uploads/'.$file.'" download>下载</a></td>';
echo '</tr>';
}
}
closedir($handle);
}
}
?>
</table>
</body>
</html>
```
PHP代码：
```php
<?php
if(isset($_FILES['file'])){
$errors = array();
$file_names = array();
$total_size = 0;
foreach($_FILES['file']['tmp_name'] as $key => $tmp_name){
$file_name = $_FILES['file']['name'][$key];
$file_size = $_FILES['file']['size'][$key];
$file_tmp = $_FILES['file']['tmp_name'][$key];
$file_type = $_FILES['file']['type'][$key];
if($file_size > 2097152){
$errors[] = '文件大小不能超过2MB';
}
$allowed_ext = array('pdf', 'doc', 'docx');
$file_ext = pathinfo($file_name, PATHINFO_EXTENSION);
if(!in_array($file_ext, $allowed_ext)){
$errors[] = '只允许上传PDF、DOC或DOCX文件';
}
if(empty($errors) == true){
$upload_dir = "uploads/";
if(is_dir($upload_dir) == false){
mkdir("$upload_dir", 0700);
}
if(move_uploaded_file($file_tmp, $upload_dir.$file_name)){
$file_names[] = $file_name;
$total_size += $file_size;
}
}
}
if(empty($errors)){
echo '<script>alert("已成功上传文件！");</script>';
}else{
foreach($errors as $error){
echo $error.'<br>';
}
}
}
?>
```
注意事项：
1. 上传的文件会被保存到 "uploads/" 目录下。
2. 预览和下载链接都是直接使用文件名拼接出来的，因此请注意上传的文件名不要包含特殊字符，如空格、中文等。
3. 可以根据需要调整文件大小和类型限制的值。
相关推荐
最新推荐
使用acrobat创建PDF时，不支持docx、doc等Microsoft Office文件时的解决方法.docx
使用acrobat创建PDF时，不支持docx、doc等Microsoft Office文件时的解决方法
基于Python获取docx/doc文件内容代码解析
主要介绍了基于Python获取docx/doc文件内容代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JAVA通过HttpURLConnection 上传和下载文件的方法
主要介绍了JAVA通过HttpURLConnection 上传和下载文件的方法，非常具有实用价值，需要的朋友可以参考下
python实现生成Word、docx文件的方法分析
主要介绍了python实现生成Word、docx文件的方法,结合实例形式分析了Python使用docx模块操作word文件与docx文件的相关实现技巧,需要的朋友可以参考下
Java实现将word转换为html的方法示例【doc与docx格式】
主要介绍了Java实现将word转换为html的方法,结合实例形式分析了java针对doc与docx格式文件的相关转换操作技巧,需要的朋友可以参考下
zigbee-cluster-library-specification
最新的zigbee-cluster-library-specification说明文档。
管理建模和仿真的文件
管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
MATLAB柱状图在信号处理中的应用：可视化信号特征和频谱分析
# 1. MATLAB柱状图概述**
MATLAB柱状图是一种图形化工具，用于可视化数据中不同类别或组的分布情况。它通过绘制垂直条形来表示每个类别或组中的数据值。柱状图在信号处理中广泛用于可视化信号特征和进行频谱分析。
柱状图的优点在于其简单易懂，能够直观地展示数据分布。在信号处理中，柱状图可以帮助工程师识别信号中的模式、趋势和异常情况，从而为信号分析和处理提供有价值的见解。
# 2. 柱状图在信号处理中的应用
柱状图在信号处理
get() { return this.photoState },
这是一个 JavaScript 中的方法定义，它定义了一个名为 `get` 的方法。这个方法没有参数，它返回了 `this.photoState`。在这个方法中，`this` 是指当前对象，而 `photoState` 是该对象的一个属性。通常情况下，`get` 方法用于获取对象的属性值，并且可以在获取属性值之前进行一些逻辑操作。
JSBSim Reference Manual
JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。