Detailed explanation of how PHP uses ajax to implement asynchronous uploading of files (pictures)

//html代码 
 

  
 
  

//js代码 (':button').click(function(event) { 　　//formdata储存异步上传数据 var formData = new FormData($('form')[0]); formData.append('file',$(':file')[0].files[0]); //坑点: 无论怎么传数据,console.log(formData)都会显示为空,但其实值是存在的,f12查看Net tab可以看到数据被上传了 $.ajax({ url:'formtest.php', type: 'POST', data: formData, //这两个设置项必填 contentType: false, processData: false, success:function(data){ console.log(data) var srcPath = data; console.log(); 　　　　 //注意这里的路径要根据自己的储存文件的路径设置 $('.picDis img').attr('src', '..'+srcPath); } }) });