2012-03-02 3 views
0

OpenLayersとjQuery Mobileを使用していて、画像をサーバーにアップロードしようとしていて、ページを更新しないでプレビューを表示しようとしています。 私は場所でこのコードを持っている:フォームアクションURLに変更するjQueryフォームプラグインを使用してブラウザを防ぐ方法は?

マークアップ:

<form id="imageform" method="post" enctype="multipart/form-data" action='image.php'> 
    <input type="hidden" id="fid" name="fid"> 
    <input type="file" accept="image/*;capture=camera" name="imagechooser" id="imagechooser">   </form> 
<div id="imagepreview"></div> 

はJavaScript:

$('#imagechooser').on('change', function(event){   
    $("#imagepreview").html(''); 
    $("#imagepreview").html('<img src="loader.gif" alt="Uploading...."/>'); 
    $("#imageform").ajaxForm({   
     target: '#imagepreview' 
    }).submit(); 
}); 

すべてが正常に動作している、ファイルがアップロードされると、ターゲットは、ブラウザがに変化することを除いて、画像を見せていますページ:www.mypage.com/image.phpとそこには1ワードの空白があります: "undefined"、画像のターゲットを見るためにブラウザの戻るボタンを押す必要があります。

ブラウザがそのページを変更して表示しないようにする方法はありますか?

ありがとうございました。

答えて

1

ブラウザのデフォルトの提出ではなく、ajaxでフォームを送信しています。これにより、フォームactionが開かれています。あなたはアヤックス提出がajaxSubmit()メソッド

+0

を使用したい場合、私は実際にここにポストを、次の午前:http://www.9lessons.info/2011/08/ajax-image-upload-without-refreshing.htmlとそこにそれがありますうまく働いて...あなたが何を意味するか分かりませんか? –

+0

ここには、プラグイン用のAPI http://jquery.malsup.com/form/....があります。モバイル環境はあまりありませんが、プラグインはデモで同じです – charlietfl

+0

ありがとう、私はこれを投稿する前に読んでいますここには何かがありません。 –

関連する問題