通过jquery和ajax上传文件

时间:2013-05-31 17:46:43

标签: php jquery ajax filereader

我有一个脚本,它接受上传的csv,并通过ajax将数据传递给php脚本进行字段验证。这很完美。 php响应结果,并在页面上显示。让我们说php脚本回来并说“你需要更改字段X”,然后用户会更新他的csv并再次单击添加文件按钮以尝试重试。第二次尝试失败了。添加文件按钮会弹出浏览窗口,但页面永远不会显示新的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>

0 个答案:

没有答案