1.我们平时接触到的接口都是后台需要你给他传递几个参数,你就把参数对应的值 给他们就行了
$.ajax({type: "get",url: URl,dataType: "json",data:{},success: function (d) {
2.当你给后台传图片时,你传的是一个文件 而不再是普通的string类型的值。而是file类型 也就是文件类型
我们要做的只是把这个formData传给后台就完成了,一般正常情况下前端做到这一步就搞定了。
3.延伸:不要后台,我们自己把图片传到我们的电脑或服务器上,此时需要用到一些php代码帮助我们搞定
//新建一个upload.php的文件
<?phpheader("Content-Type:text/html; charset=utf-8");$filename = $_FILES['file']['name'];//根据日期在对象路径下创建文件夹$time = date("Ymd");$dir = iconv("UTF-8", "GBK", "../images/icon/".$time);//检测文件夹是否存在if (!file_exists($dir)){mkdir ($dir,0777,true);echo '创建文件夹成功';} else {echo '需创建的文件夹已经存在';}//往文件夹中上传图片//iconv("UTF-8","")是为了防止有汉字的时候出现乱码if ($filename) {move_uploaded_file($_FILES["file"]["tmp_name"],"../images/icon/".$time."/".iconv("UTF-8","gb2312",preg_replace('# #','',$filename)));}?>
4.此时把ajax路径换成我们的upload.php路径即可实现上传,当我们把项目部署到服务器时,即可实现上传图片到服务器功能,中间完全不需要后台帮助。
如有疑问,可以留言
如果觉得《纯前端实现上传图片到本地或服务器 并根据时间创建文件夹 无需后台》对你有帮助,请点赞、收藏,并留下你的观点哦!