Data API で投稿画面を作ってみる

Posted on 2014/4/2 Tag : DataAPI Movable Type

fileの選択でカメラを使える様にする

こんなかんじで実装

<input type="file" accept="image/*;capture=camera" id="entryImage" name="entryImage" class="form-control"/>

カメラで写真をとると落ちるのは本体がしょぼいからか?
とりあえず、iOS Safariで確認。

localStorageにデータを保存

DataAPIのPathとかをlocalStorageに保存する様にする

function setlocalStorage() {
  var configDataAPIval = document.getElementById("configDataAPI").value;
  var configBlogidval = document.getElementById("configBlogid").value;
  var uploadDirImagesval = document.getElementById("uploadDirImages").value;
  var uploadDirFilesval = document.getElementById("uploadDirFiles").value;

  // 保存したい適当なオブジェクト
  var obj = {
      configDataAPI:configDataAPIval,
      configBlogid:configBlogidval,
      uploadDirImages:uploadDirImagesval,
      uploadDirFiles:uploadDirFilesval
  };

  // オブジェクトから JSON 文字列に変換
  var str = JSON.stringify(obj);

  if (configDataAPIval) {
    localStorage.setItem("quickpost",str);
  }
}

こんなかんじで localStorage.setItem で保存はできるぽい。

storage.clear();

でstorageはclear。

memo