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

WBOY
リリース: 2016-07-13 10:47:10
オリジナル
1466 人が閲覧しました

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

効果は以下の通りです


       
       
            
   
       

コードは次のとおりです コードをコピー

index.php ファイル

php は jquery を組み合わせて画像を非同期にアップロードします (ajaxSubmit)。以下は送信ページのコードです:



<頭>

画像の Ajax 非同期アップロード


<スクリプトタイプ="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) サンプルのソース コードをダウンロードします

www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/632888.html技術記事 php+jquery Ajax による画像の非同期アップロード (ajaxSubmit) の例を見てみましょう。この場合、実際には iframe などを使用するのではなく、ajax を使用します。 効果は次のとおりです...
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート