PHP 实现页面无刷新上传文件

html部分  index.html

<html>
<head>
<title>无刷新上传文件</title>
<meta Content-type="text/html" charset="utf-8" />
<script type="text/javascript">
function startUpload() {
document.getElementById('processing').innerHTML = 'loding...';
return true;
}
function stopUpload(rel){
var msg;
switch (rel) {
case 0:
msg = "上传成功";
break;
case 1:
msg = "上传的文件超过限制";
break;
case 2:
msg = "只能上传图片文件";
break;
default:
msg = "上传文件失败";
}
document.getElementById('processing').innerHTML = msg;
}
</script>
</head>
<body>
<div style="text-align:center">
<div id="processing"></div>
<form action="upload.php" method="post" enctype="multipart/form-data" target="form-target" οnsubmit="startUpload();">
<input type="hidden" name="MAX_FILE_SIZE" value="1000000" />
<input type="file" name="myfile" />
<input type="submit" name="sub" value="上传" />
</form>
<iframe style="width:0; height:0; border:0;" name="form-target"></iframe>
</div>
</body>
</html>



PHP 部分   upload.php

<?php
sleep(2);
$fileTypes = array('jpg','png','gif','bmp');
$result = null;
$uploadDir = './upload';
$maxSize = 1 * pow(2,20);
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['sub'])) {
$myfile = $_FILES['myfile'];
$myfileType = substr($myfile['name'], strrpos($myfile['name'], ".") + 1);
if ($myfile['size'] > $maxSize) {
$result = 1;
} else if (!in_array($myfileType, $fileTypes)) {
$result = 2;
} elseif (is_uploaded_file($myfile['tmp_name'])) {
$toFile = $uploadDir . '/' . $myfile['name'];
if (@move_uploaded_file($myfile['tmp_name'], $toFile)) {
$result = 0;
} else {
$result = -1;
}
} else {
$result = 1;
}
}
?>
<script type="text/javascript">
window.top.window.stopUpload(<?php echo $result; ?>);
</script>

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: PHP AJAX上文件是一种非常流行的技术,可以轻松地实现文件功能。AJAX可以将文件过程分解为几个步骤,然后每一步都可以单独进行处理,使得上更为方便快捷。 上文件的过程包括文件的选择、上过程和上结果的显示。首先需要在HTML页面上添加一个文件的表单,然后使用JavaScript代码来调用PHP脚本并递提交表单的数据。在后台的PHP脚本中,需要先验证文件的大小和类型,确保上文件的安全性。如果验证通过,则将文件到服务器上,并返回上结果给前端。在上过程中,可以通过实时展示上进度和上结果,来提高用户体验。 PHP AJAX上文件的优点是可以实现文件同时上、以及实时上进度的展示,同时也可以进行数据的验证和处理。但是需要注意的是,如果上文件太大或者上时间过长,可能会对服务器造成压力。因此,在上文件时,需要适当调整服务器的配置,以保证上的高效性和稳定性。 ### 回答2: php ajax 上文件是指使用Ajax技术,通过PHP后台实现文件功能。Ajax是一种异步请求方式,可以在不刷新整个页面的情况下与服务器进行通信。而PHP是一种后台语言,可以处理数据并生成动态内容。 实现php ajax上文件的方法包括以下步骤: 1. 编写HTML页面,包括文件表单和Ajax代码。 2. 使用JavaScript获取上文件的数据,并将其发送到服务器。 3. 在PHP后台处理文件请求,包括检测上文件的类型、大小和重命名等。 4. 将上文件保存到指定位置,并向客户端返回上结果。 需要注意的是,为了防止上文件被滥用和攻击,应对上文件的格式、大小和文件名等进行限制和验证,同时应对上文件的存储路径进行限制和保护。 除此之外,php ajax上文件还可以实现文件、上进度条等功能,提高用户体验和交互性。 ### 回答3: PHP和Ajax可以结合使用来实现文件的功能。在HTML的form表单中,可以加入上文件的input标签,然后在后台的PHP文件实现文件的处理。 使用Ajax,可以通过Javascript来获取上文件的表单对象,然后将其序列化为FormData,再通过Ajax异步递到后台的PHP文件中进行处理。通过Ajax上文件可以实现刷新页面就可以进行文件的功能。 在PHP文件中,可以通过$_FILES全局变量来获取上文件信息,包括文件名、文件类型、文件大小等。同时,还需要对上文件进行相关的安全性验证,比如文件类型、大小、路径等。 在实现文件过程中,需要考虑上文件是否过大、是否有安全隐患等问题。为此,可以在上文件前调用Ajax异步获取上文件的信息,然后在PHP后台进行安全性验证和处理。 综上所述,PHP Ajax上文件需要结合HTML表单、Javascript和PHP后台文件进行多级处理和验证,才能实现完整的上文件功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值