第1:用PHP实现将文件上传到服务器
第2:用AJAX实现无刷新文件上传,未完成,对AJAX还需要加强学习。
实例
<!-- 系统变量: $_FILES是一个二维数组,一维是当前的文件上件控件的名称,就是name属性值 二维是它的当前属性,最重要的有以下几个: $_FILES['file']['name']: 文件原始名称 $_FILES['file']['type']: 文件类型 $_FILES['file']['size']: 上传的文件大小 $_FILES['file']['tmp_name']: 服务器上的临时文件夹 $_FILES['file']['error']: 上传错误代码 --> <!-- $_SERVER['PHP_SELF']:当前php脚本 --> <!-- enctype="multipart/form-data" :允许通过表单上传文件--> <!-- method:请求类型必须是POST --> <!-- 处理脚本的三种语法: 1. 最严格的写法:$_SERVER['PHP_SELF']:建议实际工作中用htmlspecialchars()进行防跨域攻击处理 2. 最死板的写法,直接写上当前文件名: demo6.php 3. 最懒的写法: 空,啥与不写,默认就是提交到当前页面的php脚本处理 --> <div class="box" style="width: 300px;"> <!-- $_SERVER['PHP_SELF']:当前php脚本 --> <!-- enctype="multipart/form-data" :允许通过表单上传文件--> <form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="POST" enctype="multipart/form-data"> <!-- 用隐藏域设置允许上传的文件大小,仅考参考 --> <input type="hidden" name="MAX_FILE_SIZE" value="542488"> <fieldset> <legend>上传文件</legend> <p><input type="file" name="upload"></p> </fieldset><p align="center"><button type="submit" name="submit" id="submit" style="background-color: coral;width: 100px;height: 35px;border: none;">上传</button></p> </form> </div> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> </script> <?php //检测请求类型是否POST,如不是应提醒用户类型不对 if ($_SERVER['REQUEST_METHOD'] == 'POST') { //1.检测用户是否有上传文件 if (isset($_FILES['upload'])) { //2.设置被允许上传的文件类型 $allow = ['image/jpg','image/jpeg','image/png']; //3.判断用户上传的文件类型是否正确 if (in_array($_FILES['upload']['type'],$allow)) { //4.如果判断正确,将文件先上传到临时目录下 if(move_uploaded_file($_FILES['upload']['tmp_name'],"upload/{$_FILES['upload']['name']}")) { //6.提示用户上传成功 echo '<script> alert(\'上传成功\')</script>'; } }else { //5.如果判断不正确,提示用户格式不对 echo '<script> alert(\'仅支持JPG,JPEG,PNG格式的图片\')</script>'; } } //以上是上传成功的部分,如果是上传失败怎么办呢,接下来对上传失败进行处理 //7. 错误代码进行处理 if ($_FILES['upload']['error'] > 0){ echo "<p>错误的原因是:<strong>"; switch ($_FILES['upload']['error']) { case 1: echo "文件超过了php.ini配置中设置的大小"; break; case 2: echo "文件超过了表单中常量设置的大小"; break; case 3: echo "仅有部分文件被上传"; break; case 4: echo "未上传文件"; break; case 6: echo '没有可用的临时文件夹'; break; case 7: echo '磁盘已满,写入失败'; break; case 8: echo '上传意外中止'; break; default: echo '系统未知错误'; break; } echo "</strong></p>"; //保险起见,最好把创建的临时文件删除,当然系统也会在结束会话时自动清空 if (file_exists($_FILES['upload']['tmp_name']) && is_file($_FILES['upload']['tmp_name'])) { unlink($_FILES['upload']['tmp_name']); } } }else { echo '1'; }
运行实例 »
点击 "运行实例" 按钮查看在线实例
效果预览图: