写真をアップロードするPHPのフォームフォームアヤックス方法

写真をアップロードするためのフォームフォームAjaxの方法

第一の基準jquery.form.js

フロントコード
<前>
<フォームID = "Form1の">
<INPUTのID = "file_temporaryImage"タイプ= "ファイル"名= "file_temporaryImage"のonChange = "TemporaryMedia();" />
<INPUTタイプ= "隠された" ID = " userpicpath ">
<IMG ID =" UserPic "SRC =" "/>
</フォーム>
<スクリプト>
機能TemporaryMedia(){
// VAR Image0 = $(" INPUT [名= 'file_temporaryImage']「)。ヴァル() ;
//アップロードコントロールは、画像を選択するかどうかを判断
するvarイメージ= $( "#file_temporaryImage")ヴァル();.
IF($ .trim(画像)== ""){
アラート( ""画像を選択してください!)。
;返す
}
// URL提出要求処理
するvar actionUrl = "/ホーム/ kelatoupiao / sctpic / ";
//开始AJAX操作
$(" #をForm1" )ajaxSubmit({。
:POST "タイプ"
データ型: "JSON"、
URL:actionUrl、
データ:{}、
成功:関数(データ){
IF(data.success == 1){
。$( '#1 userpicpath')のval(data.data)。
$( '#のuserpic')のattr( 'SRC'、data.data)。
}他{
アラート(data.msg)。
}


}


});


}
</ SCRIPT>
</ PRE>


PHP后台代码
<前>
//上传图片
パブリック関数sctpic()
{
$のOpenID = $この- > _ check_login();
$ SPATH = __ DIR__。'/../../../Public/kelatoupiao/uploads/'。$のOpenIDの。'_'。時間()。'.JPG';
$ webpath = '/ kelatoupiao /アップロード/'。$のOpenIDの。'_'。時間()。'.JPG';
IF(move_uploaded_file($ _ FILES [ "file_temporaryImage"] [ "tmp_name"]、$ SPATH)){
エコーjson_encode(配列( '成功' => 1、 'MSG' => '上传成功'、 'データ' => $ webpath));
出口();
}他{
エコーjson_encode(配列( '成功' => 0、 'MSG' => '网络繁忙'、 'データ' => ''));
出口();
}
}
</ PRE>

おすすめ

転載: www.cnblogs.com/newmiracle/p/11872655.html