#file api

IT'S RIPENING: A #Moodle 3.3 Development Update #MoodleNews @moodledev

The Quality Assurance site of Moodle at qa.moodle.net, where everyone can check out and test, is already labeled as a “Moodle 3.3 site”. At this point, the importance of this label is more symbolic than practical, but considering its scheduled launch by May, a lot of development is expected during the coming weeks. https://twitter.com/yasuto0306/status/833166894655868930 The answers about what…

Quick Tip: Is there sufficient storage space available on the device?

There was a post on the Google Group for PhoneGap a few days ago that was asking if there was a way to determine how much free space was available on the mobile device. As it turns out, there’s a few answers to this question, some less tenable than others. Let’s start with the safest and preferred option (in my opinion).

The Preferred Method

NOTE: The snippets below require the cordova-plugin-…

HTML5のFile APIを使うと、画像ファイルをサーバにアップロードしなくてもブラウザで表示できちゃうよ、って話。

このAPIを使わない場合、端末からサーバのどこかに画像をアップして、その画像を端末にダウンロードすることでブラウザで表示する、なんて面倒な手順を踏むことになります。便利な世の中になったものです。

さて、File APIというからにはファイル情報を扱う専用のオブジェクトがあるわけです。File APIのオブジェクトは3つあります。

File…メタデータを扱うFileオブジェクト

FileList…Fileオブジェクトを格納する配列

FileReader…ファイル情報を読むためのオブジェクト。いくつかメソッドやイベントハンドラでファイルを扱える。

これらを使ってinput要素で選んだファイルを所定のdiv要素内に表示させてみます。

See the Pen File APIで画像読み込み by Fuminori Mori (@moonglows76) on CodePen.

解説をいろいろ入れたんで複雑に見えるかもですが、シンプルなスクリプトです。

このスクリプトを使えば、画像をサーバに送る前に中身を確認することができます。 Fileオブジェクト内にはファイル名、ファイルサイズ、最終更新日という情報も入っているので一緒に表示することもできます。

File APIはIEは10以上で使えます。古いsafariと古いandroidの標準ブラウザはFile Readerが使えないかも。

出典： Use the HTML5 File API to Work with Files Locally in the Browser

На выходных всем чесным народом сходили на KyivJS. Ну и решили устроить обзор для тех, кто не ходил.

Рассказывали кто что запомнил. Сначала Алексей Мирошко порадовал нас общим обзором конференции (замечательные как всегда презентации, мне бы научиться такие делать), рассказал о ChaplinJS. Затем Валера Розуван хитро выспросил кто что знает о Brunch-е и File API, и обещал рассказать об этом в следующую среду.

Затем я обозрел доклад о require.js и методы общения клиента с сервером (xhr, long polling, iframes, Server Sent Events, WebSockets). Ну и на последок Антон Казанов показал немного магии на канвасе и WebGL. Рассказал о физических движках на JavaScript-е