読者です 読者をやめる 読者になる 読者になる

jQuery (JavaScript)で、ファイル読込関数

jQuery (JavaScript) ファイル読込関数

input type="file" を指すセレクタで指定する。
 ・コールバックにする。
 ・エンコード指定、省略は、UTF-8 にする。
 ・書式は、、

  readeFile(selector, function(str){ ... } [,encode])


============================

$(function(){
   readeFile = function(selector, callback, encode){
      $(selector).change(function(){
         if (window.File){
            var fs = document.querySelector(selector).files[0];
            var freader = new FileReader();
            freader.addEventListener('load', function(){
               callback(freader.result);
            }, true);
            if (typeof(encode) != "undefined"){
               freader.readAsText(fs, encode);
            }else{
               freader.readAsText(fs, 'UTF-8');
            }
         }
      });
   };
});

次のように、input がある場合、、

<input type="file" id="selectfile">

以下のようにする。

$(function(){
   readeFile('#selectfile', function(s){
      $('#content').html(s);
   });
});