disuse/lollytin/file.js

   1
   2 if(window.File && window.FileReader) {
   3     //File API
   4     alert("ご使用のブラウザはFile APIを実装しています");
   5 }else{
   6     alert("ご使用のブラウザはFile APIをサポートしていません");
   7 }
   8
   9 function filemethod(){
  10 document.getElementById("con").innerHTML="Please input File.";
  11 var obj1 = document.getElementById("exsample");
  12 //ダイアログでファイルが選択された時
  13 obj1.addEventListener("change",function(evt){
  14   document.getElementById("con").innerHTML="Complete upload!";
  15   var file = evt.target.files;
  16   //FileReaderの作成
  17   var reader = new FileReader();
  18   //テキスト形式で読み込む
  19   reader.readAsText(file[0]);
  20
  21   //読込終了後の処理
  22   reader.onload = function(ev){
  23     //テキストエリアに表示する
  24   document.getElementById("change").innerHTML = reader.result;
  25   //console.log(typeof reader.result);
  26   var textvalue;
  27   textvalue=JSON.parse(reader.result);
  28   //console.log(typeof textvalue);
  29   document.forms.eucentric.maxtilt.value=textvalue['maxtilt'];
  30   document.forms.eucentric.speed.value=textvalue['speed'];
  31   document.forms.eucentric.zshift.value=textvalue['zshift'];
  32   };
  33 },false);
  34 }
  35
  36 function TextSave() {
  37 //文字を取得
  38 var text = document.getElementById('text').value;
  39 //ファイル名を取得、デフォルトは「mytext」
  40 var name = document.getElementById('name').value || 'mytext';
  41
  42 //テキストファイルを作成
  43 var blob = new Blob( [text], {type: 'text/plain'} );
  44
  45 //リンクを取得
  46 var link = document.getElementById('DL_link') ;
  47 //リンクにダウンロードするファイルをセット
  48 link.href = window.URL.createObjectURL(blob);
  49
  50 //もしダウンロード属性に対応していたら
  51 if ('download' in link){
  52 //リンクにダウンロードする名前をセット
  53 link.download = name + '.txt';
  54 //リンクをクリックしてダウンロードさせる
  55 link.click();
  56
  57 //もし対応してなかったら
  58 } else {
  59 //メッセージを表示する
  60 link.textContent = '右クリックから名前を付けて保存してください';
  61
  62 }
  63
  64 }