怎么在php中利用ajax对图片进行异步上传 - 行业资讯 - 肥雀云

　　介绍

这期内容当中小编将会给大家带来有关怎么在php中利用ajax对图片进行异步上,传文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

具体内容如下

//html代码　　　　& lt; form enctype=岸嗖糠?form-data", id=皍pForm"比; 　　,& lt; input 类型=癴ile", name=癴ile",祝辞& lt; br> & lt; br> 　　,& lt; input 类型=癰utton",价值=https://www.yisu.com/zixun/碧峤弧?> 　　

//js代码　　　　(& # 39;:按钮# 39;).click(函数(事件),{//formdata储存异步上传数据　　,var formData =, new FormData($(& # 39;形式# 39;)[0]); 　　,formData.append(& # 39;文件# 39;,美元(& # 39;:文件# 39;)[0].files [0]); 　　,//坑点:无论怎么传数据,console.log (formData)都会显示为空,但其实值是存在的,f12查看Net 选项卡可以看到数据被上传了　　,. ajax({美元　　url:才能& # 39;formtest.php& # 39; 　　类型:才能,& # 39;文章# 39; 　　,,数据:formData,//这才能两个设置项必填　　contentType才能:假的, 　　processData才能:假的, 　　成功:函数才能(数据){ 　　console.log才能(数据) 　　var 才能;srcPath =,数据; 　　console.log才能(); 　　,//注意这里的路径要根据自己的储存文件的路径设置　　美元才能(& # 39;.picDis img # 39;) .attr (& # 39; src # 39;,, & # 39; . . & # 39; + srcPath); 　　,,} 　　,}) 　　,});php:

& lt; ? php 　　　　美元$ upFile =,带有_file[& # 39;文件# 39;];/* * 　　*,创建文件夹函数,用于创建保存文件的文件夹　　*,@param str dirPath 美元;文件夹名称　　*,@return str dirPath 美元;文件夹名称　　*/function creaDir (dirPath美元){ 　　,curPath 美元;=,目录名(__FILE__); 　　美元,美元path =, curPath强生# 39;\ \ & # 39;dirPath美元; 　　美元,if (is_dir(路径),| |,mkdir(路径,0777美元,真)),{ 　　return 才能;dirPath美元; 　　,} 　　}//判断文件是否为空或者出的错　　if ($ upFile[& # 39;错误# 39;]==0,,,,!空(upFile美元)),{ 　　,dirpath 美元;=,creaDir(& # 39;上传# 39;); 　　美元,美元filename =,带有_file[& # 39;文件# 39;][& # 39;名字# 39;]; 　　,queryPath 美元;=,& # 39;。/& # 39;。美元dirpath强生# 39;/& # 39;美元文件名; 　　,//函数将浏览器缓存文件转移到服务器文件夹　　,如果(函数($带有_file[& # 39;文件# 39;][& # 39;tmp_name& # 39;], queryPath美元)){ 　　echo 才能,queryPath美元; 　　,} 　　} 　　　　,?在

点击上传图片并发送后,可以看到页面上显示出图片,查看本地文件夹可以看到文件也已储存到服务器。

在客户端实现异步上传的关键在于FormData,关于这部分这里有详细介绍:FormData ()

上述就是小编为大家分享的怎么在php中利用ajax对图片进行异步上传了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。