どう説明したらいいのかわかりませんが、頑張ります… 普通にフォームを送信しようとしているのですが、リクエスト結果がiframeで表示されてしまいます。ここまでは順調です。私がやりたいこと(可能であれば)は、フォームにメッセージを入れてアニメーション化することです(「送信中...」のように)、iframeがレスポーズでロードされるまで。私は今、これはとても混乱していますが、私のファイルを見てください:
index.php
ヘッダーはわかりにくいので省略しました。
<form enctype="multipart/form-data" method="post" action="upload.php" target="my_iframe" id="form-upload">
Choose your file here:
<input name="uploaded_file" type="file"/>
<input id="send-button" type="submit" value="Subir imagen"/>
</form>
<IFRAME name="my_iframe" SRC="upload.php" width="100%" height="200px" id="iframe1" marginheight="0" frameborder="0"></iframe>
<script type="text/javascript">
$(document).ready(function(){
$('#send-button').sendImage({formid: "form-upload"});
});
</script>
アップロード.php
ポーパスをテストするためだけに。
<?php
if( isset($_FILES['uploaded_file']) )
echo "image sent";
animate.js
これは私がそれを扱っているところです。index.php
常にアクセスするsending...
と、フォーム要素のインスタンスが表示されるためです。
var conf;
jQuery.fn.sendImage = function(args) {
conf = $.extend( {
}, args);
this.on('click', function(e){
e.preventDefault();
$('#'+conf.formid).submit();
$('#'+conf.formid).html('sending...');
});
}