本文介绍了如何使用PHP进行单张图片、多张图片以及视频的上传操作。提供了相关HTML页面（如uploda.html, uploads.html, uploadvideo.html）和PHP处理文件（upload.php, uploadvideo.php）的示例，帮助开发者实现文件上传并展示上传前的预览效果。"
1352609,147708,CSDN开源编辑器的秘密,"['前端开发', '编辑器', '开源软件', '代码编辑', 'CSDN平台']
单图上传：
效果图：
uploda.html 带预览通过js实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
选择文件进行上传：
<input type="file" name="file" id="pic" onchange="xmTanUploadImg(this)">
<div>
<img width="10%" height="10%" id="xmTanImg">
<input type="submit" value="上传">
</div>
</form>
</body>
<script>
//选择图片，马上预览
function xmTanUploadImg(obj) {
var file = obj.files[0];
//file.size 单位为byte 可以做上传大小控制
console.log("file.size = " + file.size);
var reader = new FileReader();
//读取文件过程方法
reader.onloadstart = function (e) {
console.log("开始读取....");
}
reader.onprogress = function (e) {
console.log("正在读取中....");
}
reader.onabort = function (e) {
console.log("中断读取....");
}
reader.onerror = function (e) {
console.log("读取异常....");
}
reader.onload = function (e) {
console.log("成功读取....");
var img = document.getElementById("xmTanImg");
img.src = e.target.result;
//或者 img.src = this.result; //e.target == this
}
reader.readAsDataURL(file)
}
</script>
</html>
upload.php
<?php
$fileInfo = $_FILES['file'];
//var_dump($_FILES);
function upload_file($fileInfo,$upload = "./uploadfile",$imagesExt = 
最低0.47元/天 解锁文章
207
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
