2017-04-05 6 views
0

でPHPスクリプトに入力フォームから画像を送信する:は、次のように私は画像のアップロードフォームでは本当に簡単なHTMLページを持っているのAjax

<input type='file' id='image_uploaded' accept='image'/> 
<input type='submit' id="upload_image"/> 

をこれまでのところ、私のJavascriptのために、私が持っている:

$(document).ready(function() { 
    $("#upload_image").click(function() { 
     $.ajax({ 
      url: "upload.php", 
      type: "GET", 
      //data: don't know what to put here 
      success: function(data) { 
       alert(data); 
      } 
     }); 
    }); 
}); 

upload.phpディレクトリがすでに存在していない場合、これまでただ、画像を保存するディレクトリを作成しています:

<?php 
    define("IMAGE_DIRECTORY", "images"); 

    //If the directory for images does not exist, create it 
    if(!is_dir(IMAGE_DIRECTORY)) { 
     mkdir(IMAGE_DIRECTORY, 0777, true); 
    } 
?> 

だから私はAjaxコールでPHPスクリプトに画像を送信する方法が不明ですが、PHPで画像を処理してフォルダに保存するにはどうすればよいですか?

+0

だから、これは二つの質問です...私はあなたがイメージサーバー側に対処する方法を研究示唆しています。私はあなたがオンラインで多くの例を見つけることができると確信しています。 – NewToJS

答えて

0

はこれだけこの操作を行うことなど、$ _FILESのお手伝いをするためにPHPの変数に建てるあります
まず、"POST"代わりの"GET"にあなたのAjaxの種類を変更します。
その後、画像を保存するためのコード行を追加します。

if(!move_uploaded_file($_FILES["file"]["tmp_name"], "path/to/file/".basename($_FILES["file"]["name"]))){ 
    die("Sorry, there was an error uploading your file."); 
} 
+0

ありがとうございますが、最初にPHPファイルにイメージを取得するにはどうすればよいですか? – lillemap

関連する問題