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%">
|