jquery - 画像ファイルをアップロードするためのワードプレスの jquery フォーム プラグインが期待どおりに機能しない

Question

ワープレス サイトでjqueryフォーム プラグインを使用しようとしています。

HTML:

<form id="imageform" method="post"  action="<?php bloginfo('template_directory')?>/ajaximage.php " enctype="multipart/form-data" accept-charset="utf-8" >

Upload image:

<input type="file" name="photoimg" id="photoimg" value=""  />
</form>

<button value="&nbsp;Upload&nbsp;" class="btn_upload">&nbsp;Upload&nbsp;</button>   
    <div id='preview'></div><!-- end of id preview-->

JS:

$(document).ready(function(){

   $(".btn_upload").click(function(){

        $("#preview").html(''); 

    $(".result_upload").html('<img src="'+loc+'/images/ajax-loader.gif"  alt="wait.."/>');


    $("#imageform").ajaxForm({
                            target: '#preview'

            }).submit();

            });

    }); 

ajaximage.php には

  $photoimg = trim($_POST['photoimg']);
  echo 'got it';

ファイルを選択しないと、期待どおりの結果が得られます。しかし、画像ファイルを選択すると、「未定義のインデックス: 行内の photoimg ....」というエラー メッセージが表示されます。

正しく動作させるには？

Answer 1

$_POST の代わりに $_FILES を試しましたか? http://php.net/manual/en/reserved.variables.files.php

(ファイルが送信されると、$_POST ではなく $_FILES 内で参照されます。)