详解Jquery+AJAX如何实现无刷新上传并重命名文件
小编这次要给大家分享的是详解Jquery+AJAX如何实现无刷新上传并重命名文件,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。
通许ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!
本文实例讲述了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"] < 2048000) // 小于 2000 kb && in_array($extension, $allowedExts)) { if ($_FILES["file"]["error"] > 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+AJAX如何实现无刷新上传并重命名文件的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。
当前标题:详解Jquery+AJAX如何实现无刷新上传并重命名文件
当前地址:http://scgulin.cn/article/goopjs.html