PHP+Ajax异步带进度条上传文件实例
最近项目中要做一个带进度条的上传文件的功能,学习了Ajax,使用起来比较方便,将几个方法实现就行。 前端引入文件 前端上传HTML <div class="pk-system-messages"></div>
<h1 class="uk-h2 uk-text-center" style="margin-top:-100px;">文件上传</h1>
<div class="pk-system-messages"></div>
<div class="container-main">
<h1>Ajax Image Uploader</h1>
<p>A simple tutorial to explain image uploading using jquery ajax and php</p>
<form id='myupload' action='new_upload.php' method='post' enctype='multipart/form-data'>
<label for="file">Filename:</label>
<input type="file" name="mypic" id="file"><br>
<input type="submit" name="upload" class="btn btn-success" value="upload">
</form>
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
<span class="sr-only">0% Complete</span>
</div>
</div>
<div class="files"></div>
<div class="showimg"></div>
</div>
</div>
PHP文件上传类 protected $file_path = "files"; //当前files存储文件夹
protected $file_size = 1024000;protected $file_size = 5120000; //5M 用户上传 //检测文件类型 $types = $get_type;}else{ } //检测文件大小 //文件保存 return $pics;} } $get_fileName = $_FILES['mypic']['name']; $get_fileType = strstr($get_fileName,'.'); $check_result = $up_obj->check_file($get_fileName); if($check_result){ //检查文件类型 //检查文件大小
} } 文件上传效果如图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |