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"、画像のターゲットを見るためにブラウザの戻るボタンを押す必要があります。
ブラウザがそのページを変更して表示しないようにする方法はありますか?
ありがとうございました。
を使用したい場合、私は実際にここにポストを、次の午前:http://www.9lessons.info/2011/08/ajax-image-upload-without-refreshing.htmlとそこにそれがありますうまく働いて...あなたが何を意味するか分かりませんか? –
ここには、プラグイン用のAPI http://jquery.malsup.com/form/....があります。モバイル環境はあまりありませんが、プラグインはデモで同じです – charlietfl
ありがとう、私はこれを投稿する前に読んでいますここには何かがありません。 –