php 非同步上傳圖片幾種方法總結

pswyjz發表於2021-09-09

要實現非同步上傳圖片方法有常用的有二種,一種是利用iframe實現,另一種是藉助於ajax來實現一般用第三方外掛了。

上傳圖片form提交target到一個隱藏的iframe裡,


  <!--上傳圖片頁面  --&gt 

然後後臺處理完上傳圖片邏輯後返回給前臺,利用ajax修改當前頁面DOM物件實現無重新整理上傳圖片的友好功能。

例項

 
                            

PHP程式碼:

 0)
  {
  echo "Error: " . $_FILES["test_file"]["error"] . "
";   } else   { //這裡的判斷圖片屬性的方法就不寫了。自己擴充套件一下。   $filetype=strrchr($_FILES["test_file"]["name"],".");   $filetype=substr($filetype,1,strlen($filetype));    $filename="img/".time("YmdHis").".".$filetype;   move_uploaded_file($_FILES["test_file"]["tmp_name"],$filename);   echo '
alert('&#19978;&#20256;&#25104;&#21151;')
";   echo "
{$return}
";   } ?>

其實jquery ajax圖片非同步上傳

HTML:

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "1/DTD/xhtml1-transitional.dtd">

  圖片非同步上傳
      
      
                       
               
      
      
index.js $(function(){ $("#upload_file").change(function(){   $("#uploadFrom").submit(); });}); function stopSend(str){ var im="php 非同步上傳圖片幾種方法總結"; $("#msg").append(im); }

upload.php

调用iframe父窗口的js 函数
 echo "

相關文章