2014/4/1
Tag :
DataAPI
Movable Type
Data API で投稿画面を作ってみる
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
- HTML5で使えるスマートフォンの機能 | Developers.IO
http://dev.classmethod.jp/smartphone/mobile-html5/#camera - HTML5でできるカメラアプリを実際に体験しよう
http://www.slideshare.net/Hidetaro7/html5-12803108