0 
<?php
    if (!empty($_FILES)){
        echo "<pre>";
        echo $_FILES['file']['type'];
        echo "</pre>";
        return;
    }
?>
<script type="text/javascript">
    function autoUpLoad(){
        $("#txtHint").html("<center><img src='include/images/loader.gif' />Reading selected file...</center>");
        $(document).ready(function(){
            $("#file").change(function(){
                $("#myForm").submit(function(data){
                    $("#txtHint").html(data);
                });
            });
        });
    }
</script>
<form id="myForm" method="post" enctype="multipart/form-data">
    <input type="file" name="file" id = "file" onchange='autoUpLoad()'/>
    <input type="submit" value="Send" />
</form>
<div id="txtHint">
    test
</div>

上記のコードは機能していません。ここで何が問題なのかわかりません。これらの行を削除した場合にのみ機能します。

function(data){
    $("#txtHint").html(data);
}

にデータを返すことができないだけtxtHintです。誰かがそれを機能させる方法を私に説明できますか?

4

1 に答える 1

2

送信イベントをバインドしていますが、起動していません。

.submit()送信イベントをバインドするためにパラメータとしてコールバックを持つメソッドが使用され、送信イベントを発生させるためのパラメータはありません。

以下のようにする必要があります。

$(document).ready(function () {
    $("#myForm").submit(function (data) {
        $("#txtHint").html(data);
    });
    $("#file").change(function () {
        $("#myForm").submit();
    });
});
于 2012-07-25T06:13:10.680 に答える