js php xmlrequest アップロード写真_PHP チュートリアル

最初はプラグインを使用して画像をアップロードしたいと考えていましたが、非同期画像アップロードを実装するための簡単な JS を作成しました。言うまでもなく、コードは非常に単純です。

upload.php

if(isset($_FILES["myfile"])) {
$ret = array();
$uploadDir = 'images'.DIRECTORY_SEPARATOR.date("Ymd").DIRECTORY_SEPARATOR;
$dir = dirname(__FILE__).DIRECTORY_SEPARATOR.$uploadDir;
file_exists($dir) || (mkdir($dir,0777,true) && chmod($dir,0777));
if(!is_array($_FILES["myfile"]["name"])) //単一ファイル
{
$fileName = time().uniqid().'.'.pathinfo($_FILES["myfile"]["name"])['extension'];
move_uploaded_file($_FILES["myfile"]["tmp_name"],$dir.$fileName);
$ret['file'] = DIRECTORY_SEPARATOR.$uploadDir.$fileName;
}
echo json_encode($ret);
}

?>

index.html

HTML5 Ajax アップロードファイル