php+jquery Ajax 非同期アップロード画像 (ajaxSubmit) example_PHP チュートリアル

php+jqueryのAjaxによる画像の非同期アップロード（ajaxSubmit）の例を見てみましょう。今回はiframeなどを使用せずに実際にajaxを使用します。

効果は以下の通りです

       
       
            
   
       

コードは次のとおりです	コードをコピー
index.php ファイル php は jquery を組み合わせて画像を非同期にアップロードします (ajaxSubmit)。以下は送信ページのコードです: <頭> <スクリプトタイプ="text/javascript"> 関数 sky_upfiles(){     var messtxt;  $("#sky_upform").ajaxSubmit({                                 //dataType:'script',                                 タイプ:「投稿」、                                 URL: "doupfiles.php"、                                 beforeSubmit: function(){                                     $("#sky_txt").html("图片上传中...");                                 }、                                 成功: 関数(データ){                                     if(data=="1"){                                     messtxt = "上传成功！";                                     }else if(data=="-1"){                                     messtxt = "文件超过规定大小！";                                     }else if(data=="-2"){                                     messtxt = "文件类型不符!";                                     }else if(data=="-3"){                                     messtxt = "移転文件出错!";                                     }その他{                                     messtxt = "未知错误!";                                     }                                     $("#sky_txt").html(messtxt);                                                    //$("#sky_txt").append(data);                                 }、                                 リセットフォーム: false、                                 クリアフォーム: false                         });                         //$("#upimgform").submit(); } <フィールドセット スタイル="幅:97%">   上の文章         <表の幅="100%" border="0" align="center" cellpadding="3" cellpacing="0">

doupfiles.php ファイル

コードは次のとおりです

コードをコピー

/* ※1：アップロード成功しました *-1: ファイルが指定されたサイズを超えています *-2: ファイル形式が一致しません *-3: ファイル移動エラー */ if(is_uploaded_file($_FILES['upfile']['tmp_name'])){ $photo_types=array('image/jpg', 'image/jpeg','image/png','image/pjpeg','image/gif','image/bmp','image/x-png') ;//アップロード形式を定義します $ Max_size = 700,000 // アップロードする写真のサイズ制限、デフォルトは 700K ; $photo_folder="upload/".date("Y")."/".date("m")."/".date("d")."/" //写真のパスをアップロードします //////////////////////////////////////////////// //// /アップロードの処理を開始します If(!file_exists($photo_folder))//写真ディレクトリが存在するかどうかを確認します { mkdir($photo_folder, 0777, true) //mkdir("temp/sub, 0777, true); } $upfile=$_FILES['アップファイル']; $name=$upfile['name']; $type=$upfile['type']; $size=$upfile['サイズ']; $tmp_name=$upfile['tmp_name']; $file = $_FILES["アップファイル"]; $photo_name=$file["tmp_name"]; // エコー $photo_name; $photo_size = getimagesize($photo_name); if($max_size < $file["size"])//ファイルサイズを確認する echo "-1"; //echo "<script>alert('申し訳ありません、ファイルが指定されたサイズを超えています!');history.go(-1);</script>"; if(!in_array($file["type"], $photo_types))//ファイルタイプを確認します Echo "-2"; // echo "& lt; script & gt; Alert ('Sorry, the file type is not match!'); History.go (-1); & lt;/script & gt;"; if(!file_exists($photo_folder))//写真ディレクトリ mkdir($photo_folder); $pinfo=pathinfo($file["name"]); $photo_type=$pinfo['extension'];// ファイル拡張子をアップロードします $photo_server_folder = $photo_folder.time().".".$photo_type; // 現在の時刻と 7 桁の乱数をファイル名として使用します if(!move_uploaded_file ($photo_name, $photo_server_folder)) { echo "-3" //echo "ファイルの移動エラー"; 終了します; } $pinfo=パス情報($photo_server_folder); $fname=$pinfo['ベース名']; echo "1"; //echo " アップロードに成功しました: ".$photo_server_folder." "; } ?>

最後に、完全な php+jquery Ajax 非同期画像アップロード (ajaxSubmit) サンプルのソース コードをダウンロードします

http://www.bkjia.com/PHPjc/632888.htmlwww.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/632888.html技術記事 php+jquery Ajax による画像の非同期アップロード (ajaxSubmit) の例を見てみましょう。この場合、実際には iframe などを使用するのではなく、ajax を使用します。 効果は次のとおりです...