js php xmlrequest画像のアップロード

WBOY
リリース: 2016-06-21 08:48:10
オリジナル
1160 人が閲覧しました

当初はプラグインを使用して画像をアップロードしようとしましたが、後で簡単な 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 アップロード ファイル




.txt{ 高さ:28px; ボーダー:1px 幅:670px;}
.mybtn{ 背景色:#FFF; 行の高さ: 14px; 垂直整列: 中間; 境界線: 1px ソリッド #CDCDCD; 高さ: 30px;} .file{ 位置: 絶対; 右: 80 ピクセル; フィルター: 不透明度: 0; 幅: 260 ピクセル






写真



閲覧...

アップロード








関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート