_Tips: Chrome extensionにローカルデータを渡す

Tips: Chrome extensionにローカルデータを渡す(expanded from 拡張機能にローカルデータを渡す方法 このページは編集しないでください)

setting.jsCopied!
 function handleFileSelect(evt) {
    var f = evt.target.files[0]
    var reader = new FileReader();
    reader.onload = function(e){
  	    var data = JSON.parse(e.target.result) // JSONデータをゲット
    }
    reader.readAsText(f);
}
$(function() {
    $('#read').on('change', handleFileSelect);
})

setting.htmlCopied!
<input type="file" id="read" accept="application/json">

	ボタンを押すとファイル選択ダイヤログが出る
	選択すると handleFileSelect() が呼ばれてデータが data に書き込まれる

ウェブアプリケーションからのファイルの使用

#Chrome拡張 #Tips #拡張機能からローカルファイルにデータを書き込む方法

Tips: Chrome extensionにローカルデータを渡す

関連ページ