php - jquery と ajax を介してファイルをアップロードする

Question

アップロードされたcsvを取得し、フィールド検証のためにajaxを介してデータをphpスクリプトに渡すスクリプトがあります。これは完璧に機能します。PHP は結果を返し、それをページに表示します。PHPスクリプトが戻ってきて、「フィールドXを変更する必要があります」と言ったとしましょう。ユーザーはcsvを更新し、ファイルの追加ボタンをもう一度クリックして再試行します。この 2 回目の試行は失敗します。[ファイルを追加] ボタンをクリックすると参照ウィンドウが表示されますが、ページに新しい csv データが表示されることはありません。何か案が？

 <script>
 $('#thefile').change(function(){
   $('#path').val($(this).val());
 });

 $(document).ready(function() {
     $('#thefile').change(function(e) {
    if (e.target.files != undefined) {
        var reader = new FileReader();

 var theInfo = "";
 var file = document.getElementById('thefile').files[0];
        reader.onload = function(e) {
 var lenlen = e.target.result.split('\n').length;
 for (i =0;i<lenlen;i++)
 {
    theInfo += "data["+i+"]="+e.target.result.split('\n')[i]+"&";
 }
 $.ajax({
    url: "users/checkCSV.php",
    type: "POST",
    data: theInfo,
    processData: false,
    success: function(result)
 {
 $('#uploadResults').html(result);
 }
});

        };

        reader.readAsText(e.target.files.item(0));
    }

    return false;
});
 });

 </script>


 <form>
 <div id='fileButton'>
 <label class="add-photo-btn">Add file....
     <span>
   <input type="file" id="thefile" name="thefile" />
     </span>
   </label>
 </form>
 </div>