失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 纯前端实现上传图片到本地或服务器 并根据时间创建文件夹 无需后台

纯前端实现上传图片到本地或服务器 并根据时间创建文件夹 无需后台

时间:2020-08-23 10:28:56

相关推荐

纯前端实现上传图片到本地或服务器 并根据时间创建文件夹 无需后台

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路径即可实现上传,当我们把项目部署到服务器时,即可实现上传图片到服务器功能,中间完全不需要后台帮助。

如有疑问,可以留言

如果觉得《纯前端实现上传图片到本地或服务器 并根据时间创建文件夹 无需后台》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。