画像の非同期アップロードを実現するには 2 つの方法が一般的に使用され、もう 1 つは iframe を使用する方法であり、もう 1 つはサードパーティのプラグインを使用する方法です。
画像フォームをアップロードし、ターゲットを非表示の iframe に送信します。
コードは次のとおりです | コードをコピーします |
form action="upload.php" id="form1" name="form1 " enctype="multipart /form-data" method="post" target="uploadIframe"> |
その後、バックグラウンドで画像のアップロード ロジックが処理され、フロント デスクに戻り、ajax を使用して現在のページの DOM オブジェクトが変更されます。画像を更新せずにアップロードするというフレンドリーな機能を実現します。
例
コードは次のとおりです | コードをコピー |
a.html
|
コードは次のとおりです
if ($_FILES["test_file"]["error"] > 0) | |
} 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 '"; echo "<script>{$return}</script>"; } ?> その实jquery ajax图片异步上传 HTML: "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-transitional.dtd">
index.js $(function(){
}
upload.php $file=$_FILES['upfile']; //调用iframe父窗口的js関数 echo "<script>parent.stopSend('$name') </script>"; |