2012-04-27 01:30:51

License: MIT License

Fork: 0

Fav: 0

View: 1527

Play
Stop
Reload

Fullscreen

Smart Phone

Readme
JavaScript 101 lines
HTML 24 lines
CSS 0 lines

This script the test for create file with File API.

File API test

var result = document.getElementById('result');

document.getElementById('check').addEventListener('click', function () {
    
        var size = document.getElementById('capacity').value;

window.webkitStorageInfo.requestQuota(
            PERSISTENT,
            size,
            function (bytes) {

var text = 'OK<br />bytes: ' + bytes;

result.innerHTMl = text;
            },
            function (err) {
                result.innerHTML = 'エラー!!<br />' + err;
            }
        );
    }, false);

document.getElementById('check2').addEventListener('click', function () {
    
        window.webkitStorageInfo.queryUsageAndQuota(
            PERSISTENT,
            function (usage, quota) {
            
                var text = 'OK<br />使用量: ' + usage + '<br />全容量: ' + quota;

result.innerHTML = text;
            },
            function (err) {
                result.innerHTML = 'エラー!!<br />' + err;
            }
        );
    }, false);

document.getElementById('createFile').addEventListener('click', function () {
    
        var size = document.getElementById('filesize').value;

window.webkitRequestFileSystem(
            TEMPORARY,
            size,
            function (fs) {

var filename = document.getElementById('filename').value;

fs.root.getFile(
                    filename,
                    { create: true },
                    function (fileEntry) {

var text = 'ファイルパス: ' + fileEntry.fullPath + '<br />';
                        text += 'ファイル名: ' + fileEntry.name + '<br />';

result.innerHTML = text;
                    },
                    function (err) {
                        result.innerHTML = 'ファイル生成エラー!!<br />' + err;
                    }
                );
            },
            function (err) {
                result.innerHTML = 'エラー!!<br />' + err;
            }
        );
    }, false);

document.getElementById('createDir').addEventListener('click', function () {
    
        window.webkitRequestFileSystem(
            TEMPORARY,
            0,
            function (fs) {
            
                var dirname = document.getElementById('directoryname').value;

fs.root.getDirectory(
                    dirname,
                    { create: true },
                    function (dirEntry) {

var text = 'ディレクトリパス名: ' + dirEntry.fullPath + '<br />';

text += 'ディレクトリ名: ' + dirEntry.name + '<br />';
                        result.innerHTML = text;
                    },
                    function (err) {
                        result.innerHTML = 'ディレクトリ生成エラー!!<br />' + err;
                    }
                );
            },
            function (err) {
            
                result.innerHTML = 'エラー!!<br />' + err;
            }
        );
    }, false);

File API test

This script the test for create file with File API. var result = document.getElementById('result'); document.getElementById('check').addEventListener('click', function () { var size = document.getElementById('capacity').value; window.webkitStorageInfo.requestQuota( PERSISTENT, size, function (bytes) { var text = 'OK<br />bytes: ' + bytes; result.innerHTMl = text; }, function (err) { result.innerHTML = 'エラー!!<br />' + err; } ); }, false); document.getElementById('check2').addEventListener('click', function () { window.webkitStorageInfo.queryUsageAndQuota( PERSISTENT, function (usage, quota) { var text = 'OK<br />使用量: ' + usage + '<br />全容量: ' + quota; result.innerHTML = text; }, function (err) { result.innerHTML = 'エラー!!<br />' + err; } ); }, false); document.getElementById('createFile').addEventListener('click', function () { var size = document.getElementById('filesize').value; window.webkitRequestFileSystem( TEMPORARY, size, function (fs) { var filename = document.getElementById('filename').value; fs.root.getFile( filename, { create: true }, function (fileEntry) { var text = 'ファイルパス: ' + fileEntry.fullPath + '<br />'; text += 'ファイル名: ' + fileEntry.name + '<br />'; result.innerHTML = text; }, function (err) { result.innerHTML = 'ファイル生成エラー!!<br />' + err; } ); }, function (err) { result.innerHTML = 'エラー!!<br />' + err; } ); }, false); document.getElementById('createDir').addEventListener('click', function () { window.webkitRequestFileSystem( TEMPORARY, 0, function (fs) { var dirname = document.getElementById('directoryname').value; fs.root.getDirectory( dirname, { create: true }, function (dirEntry) { var text = 'ディレクトリパス名: ' + dirEntry.fullPath + '<br />'; text += 'ディレクトリ名: ' + dirEntry.name + '<br />'; result.innerHTML = text; }, function (err) { result.innerHTML = 'ディレクトリ生成エラー!!<br />' + err; } ); }, function (err) { result.innerHTML = 'エラー!!<br />' + err; } ); }, false); <div id="sample1"> <form> <input type="text" id="capacity" value="1024" /> <input type="button" id="check" value="指定した容量が確保できるか確認" /> <input type="button" id="check2" value="使用状況を確認する" /> </form> </div> <div id="sample2"> <form> <p>ファイル名: <input type="text" id="filename" value="hoge.txt" /></p> <p>サイズ: <input type="text" id="filesize" value="1024" /></p> <p><input type="button" id="createFile" value="ファイルを作成" /></p> </form> </div> <div id="sample3"> <form> <p>ディレクトリ名: <input type="text" id="directoryname" value="foo" /></p> <p><input type="button" id="createDir" value="ディレクトリを作成" /></p> </form> </div> <output id="result"></output>

Play on jsdo.it games
- Author
- Share
- ブログに埋め込む
- QR
- Tag
Download

Complete!

Description What kind of game?

Control Device

	Smartphone Controllerjsdo.it WebSocket Controller»
	Mouse
	Keyboard
	Touch Device

Fullscreen

Activated
Inactivated

jsdo.it games から削除する Submit

edo_m18

URL
http://css-eblog.com

CSS-EBLOGの管理人やってます。

Size

Width: px
Height: px

code

<script type="text/javascript" src="http://jsdo.it/blogparts/fods/js"></script>

QR Code

Discussion

Questions on this code?

File API test

Description What kind of game?

Control Device

Fullscreen

Author

Default Panel

Size

code

Tweet

Twitter

Discussion

Tags