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);
});
});