您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > PHP技术 > PHP应用

PHP jQuery Ajax多个文件上传实例

作者:UncleToo  来源:原创  日期:2014-01-07 8:17:31
收藏  评论:( 0 )  阅读:2243

本文将分享一个PHP多文件上传、页面无刷新的例子。程序使用HTML5同时选择多个文件,使用Ajax和jQuery将文件上传到Web服务器,无需刷新页面。选择多个文件后,降序将文件的名称及大小以列表的形式展示,用户也可以自行删除不需要的文件。用户体验及运行效率都很不错哦。下面是程序运行效果:

下载完整源码


接下来我们看看如何实现这功能。

1、引用JS和CSS文件

<script type="text/javascript" src="js/jquery_1.5.2.js">
</scri<script type="text/javascript" src="js/uploader.js"></script>
<link type="text/css" href="css/uploader.css" rel="stylesheet" />


2、创建HTML表单

<div class="upload_box">
<form name="fileUpload" id="fileUpload" action="javascript:void(0);"
enctype="multipart/form-data">
<div class="file_browser">
<input type="file" name="multiple_files[]" id="multiple_files"
class="hide_broswe" multiple /></div>
<div class="file_upload"><input type="submit" value="Upload"
class="upload_button" /> </div>
</form>
</div>
<!-- Deleted files will listed here -->
<div class="file_boxes">
<span id="removed_files"></span>
</div>


3、编写PHP文件上传脚本

<?php
if(isset($_POST) && $_SERVER['REQUEST_METHOD'] == "POST"){
$file_name = strip_tags($_FILES['upload_file']['name']);
$file_id = strip_tags($_POST['upload_file_ids']);
$file_size = $_FILES['upload_file']['size'];
$files_path = 'uploaded_files/';
$file_location = $files_path . $file_name;
if(move_uploaded_file(strip_tags($_FILES['upload_file']['tmp_name']),
$file_location)){
echo $file_id;
}else{
echo 'system_error';
}
}
?>


下载完整源码


本文由UncleToo原创,转载请注明出处




除非特别声明,本站所有PHP教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/application/771.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论