Skip to main content
本文に 24 文字追加
ソース リンク
BLUEPIXY
  • 6,907
  • 1
  • 21
  • 34

HTML5からFILE APIを使用してローカルファイルにアクセスできるようになりました。
この場合FileReaderを使用してファイルの中身をスクリプトにロードします。
まず、FileReaderオブジェクトを作成し

var reader = new FileReader();
読込が完了(成功した場合onloadイベントが起きる)した場合のイベントを設定します。
reader.onload = function(e) { ... }

readAsTextでファイルの読み込みをします。
reader.readAsText(file.files[0]);

読込が完了するとreader.resultに指定文字コード(エンコードが指定されなかった場合UTF-8)文字列で内容が保存されます。
ファイルの内容が何行あるかは
reader.result.split("\n").lengthのようなやり方で調べることができます。
最後の行には改行がない、最初の行はフィールド名としてカウントしないなど指定行数については調整ください。 
(または別の方法を実装下さい)
全体的な例は以下の様になります。

$("#checkfile").click(function () {
    var file = $("#file1").get(0);//または単に file1 を使用
    if(file.files.length == 0){
        alert("現在ファイルは選択されていません");
    } else {
        var reader = new FileReader();
        
        reader.onload = function(e){
            if(reader.result.split("\n").length >= 10)
                alert("10件以上のレコードがあります");
        };
    
        reader.readAsText(file.files[0]);
    }
});

HTML5からFILE APIを使用してローカルファイルにアクセスできるようになりました。
この場合FileReaderを使用してファイルの中身をスクリプトにロードします。
まず、FileReaderオブジェクトを作成し

var reader = new FileReader();
読込が完了した場合のイベントを設定します。
reader.onload = function(e) { ... }

readAsTextでファイルの読み込みをします。
reader.readAsText(file.files[0]);

読込が完了するとreader.resultに指定文字コード(エンコードが指定されなかった場合UTF-8)文字列で内容が保存されます。
ファイルの内容が何行あるかは
reader.result.split("\n").lengthのようなやり方で調べることができます。
最後の行には改行がない、最初の行はフィールド名としてカウントしないなど指定行数については調整ください。(または別の方法を実装下さい)
全体的な例は以下の様になります。

$("#checkfile").click(function () {
    var file = $("#file1").get(0);//または単に file1 を使用
    if(file.files.length == 0){
        alert("現在ファイルは選択されていません");
    } else {
        var reader = new FileReader();
        
        reader.onload = function(e){
            if(reader.result.split("\n").length >= 10)
                alert("10件以上のレコードがあります");
        };
    
        reader.readAsText(file.files[0]);
    }
});

HTML5からFILE APIを使用してローカルファイルにアクセスできるようになりました。
この場合FileReaderを使用してファイルの中身をスクリプトにロードします。
まず、FileReaderオブジェクトを作成し

var reader = new FileReader();
読込が完了(成功した場合onloadイベントが起きる)した場合のイベントを設定します。
reader.onload = function(e) { ... }

readAsTextでファイルの読み込みをします。
reader.readAsText(file.files[0]);

読込が完了するとreader.resultに指定文字コード(エンコードが指定されなかった場合UTF-8)文字列で内容が保存されます。
ファイルの内容が何行あるかは
reader.result.split("\n").lengthのようなやり方で調べることができます。
最後の行には改行がない、最初の行はフィールド名としてカウントしないなど指定行数については調整ください。 
(または別の方法を実装下さい)
全体的な例は以下の様になります。

$("#checkfile").click(function () {
    var file = $("#file1").get(0);//または単に file1 を使用
    if(file.files.length == 0){
        alert("現在ファイルは選択されていません");
    } else {
        var reader = new FileReader();
        
        reader.onload = function(e){
            if(reader.result.split("\n").length >= 10)
                alert("10件以上のレコードがあります");
        };
    
        reader.readAsText(file.files[0]);
    }
});
ソース リンク
BLUEPIXY
  • 6,907
  • 1
  • 21
  • 34

HTML5からFILE APIを使用してローカルファイルにアクセスできるようになりました。
この場合FileReaderを使用してファイルの中身をスクリプトにロードします。
まず、FileReaderオブジェクトを作成し

var reader = new FileReader();
読込が完了した場合のイベントを設定します。
reader.onload = function(e) { ... }

readAsTextでファイルの読み込みをします。
reader.readAsText(file.files[0]);

読込が完了するとreader.resultに指定文字コード(エンコードが指定されなかった場合UTF-8)文字列で内容が保存されます。
ファイルの内容が何行あるかは
reader.result.split("\n").lengthのようなやり方で調べることができます。
最後の行には改行がない、最初の行はフィールド名としてカウントしないなど指定行数については調整ください。(または別の方法を実装下さい)
全体的な例は以下の様になります。

$("#checkfile").click(function () {
    var file = $("#file1").get(0);//または単に file1 を使用
    if(file.files.length == 0){
        alert("現在ファイルは選択されていません");
    } else {
        var reader = new FileReader();
        
        reader.onload = function(e){
            if(reader.result.split("\n").length >= 10)
                alert("10件以上のレコードがあります");
        };
    
        reader.readAsText(file.files[0]);
    }
});