在HTML标准中，XMLHttpRequest对象被重新定义，被称为“XMLHttpRequest Level 2”，其中包含了以下5个新特性：
2、增加了上传、下载中的进度事件。
3、跨域请求的支持。
4、允许发送匿名请求（即不发送HTTP的Referer部分）。
5、允许设置请求的超时。
在这篇教程中，我们主要关注第一和第二项特性，尤其是第二项——它能够提供我们想要的上传进度。和之前的方案不同，这个方案并不要求服务器作出特殊的设置，因此大家边看教程就可以边动手试试了。
上面图示的就是我们能够实现的内容：
1、显示上传的文件信息，比如文件名、类型、尺寸。
2、一个能够显示真实进度的进度条。
3、上传的速度。
4、剩余时间的估算。
5、已上传的数据量。
6、上传结束后服务器返回的响应。
另外，凭借XMLHttpRequest，我们的上传过程整个都是异步的，因此用户在上传文件的时候，依然可以 *** 作网页当中的其它元素，并不需要专门等待上传的完成。而在上传结束后，我们能够获取服务器发回的响应，因此整个上传过程都显得相当顺理成章。
html前端代码：
<html><body>
<form action="upload-file.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>
</body>
</html>
如果是ubuntu上部署apache2，你应该是php开发者吧，action="upload-file.php
" 中的upload-file.php改为你自己的后端php接收文件的逻辑代码即可！
这里提供upload-file.php后端接收文件的代码：
<?phpif ($_FILES["file"]["error"] > 0)
{
echo "错误: " . $_FILES["file"]["error"] . "<br />"
}
else
{
echo "文件名: " . $_FILES["file"]["name"] . "<br />"
echo "类型: " . $_FILES["file"]["type"] . "<br />"
echo "大小: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />"
}
if (file_exists("upload/" . $_FILES["file"]["name"]))
{
echo $_FILES["file"]["name"] . " 文件已经存在. "
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],
"upload/" . $_FILES["file"]["name"])
echo "文件已经被存储到: " . "upload/" . $_FILES["file"]["name"]
}
?>
代码很简单，我相信你应该能看懂，这里的 文件夹 upload/ 需要你自己手动创建，请确保文件路径正取！
我也是web开发者，有问题可继续追问我！或是加我工作室QQ(540144097)，在群里向我提问！有问必答，望采纳......
你好，html上传文件的代码如下：
<input type="file" name="fileUpload" /><input type="submit" value="上传文件" />
至于你要说的有个区域显示图片的，这个需要配合前端开发才可以，单纯的html代码是做不到的，谢谢。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）