Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】

2022-01-12,,,,

这篇文章主要介绍了Jquery+AJAX实现无刷新上传并重命名文件操作,结合实例形式分析了jQuery+ajax前台上传文件与PHP后台接收处理相关操作技巧,需要的朋友可以参考下

目录
  • index.html
  • upload.php
  • GiF Demo

本文实例讲述了Jquery+AJAX实现无刷新上传并重命名文件操作。分享给大家供大家参考,具体如下:

index.html

   Ajax上传图片 

Ajax上传图片

upload.php

 <?php header("Content-type:application/json"); //获取原始文件名 $filename = $_FILES["file"]["name"]; //获取文件后缀名 $hzm = substr($filename,strpos($filename,".")); //设置新文件名 $newfilename = substr(str_shuffle("QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm"),26,10); // 允许上传的图片后缀 $allowedExts = array("gif", "jpeg", "jpg", "png"); $temp = explode(".", $filename); $extension = end($temp); if ((($_FILES["file"]["type"] == "image/gif") || ($_FILES["file"]["type"] == "image/jpeg") || ($_FILES["file"]["type"] == "image/jpg") || ($_FILES["file"]["type"] == "image/pjpeg") || ($_FILES["file"]["type"] == "image/x-png") || ($_FILES["file"]["type"] == "image/png")) && ($_FILES["file"]["size"]  0) { echo "{\"res\":\"404\"}"; } else { // 此处可以输出文件的详细信息 if (file_exists("upload/" . $newfilename.$hzm)) { // } else { move_uploaded_file($_FILES["file"]["tmp_name"], "upload/" . $newfilename.$hzm); echo "{\"path\":\"$newfilename$hzm\",\"res\":\"400\"}"; } } } else { echo "{\"res\":\"403\"}"; } ?> 

请在当前目录建立upload文件夹用于存放上传后的图片

GiF Demo

更多关于jQuery相关内容可查看本站专题:《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

以上就是Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】的详细内容,更多请关注本站其它相关文章!

《Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】.doc》

下载本文的Word格式文档,以方便收藏与打印。