jQuery Mobile + iPhone で非同期にファイルをアップロードするサンプル

IMG_2891.png

iOS6 では Safari でファイルのアップロードか可能になったらしいのでサンプルを作ってみました。

単にアップロードできるサンプルではつまらないので、jQuery MobilejQuery.upload を使い、ファイルを非同期にアップロードするサンプルにしました。環境はこんな感じです。

  • クライアント
    • jQuery Mobile 1.1.1
    • jQuery.upload 1.0.2
  • サーバー
    • Amon2

Amon2は Perl の軽量フレームワークです。この環境で作ったサンプルを見ながら、ハマった点をまとめます。


Continue reading

iOS6 では Safari でファイルのアップロードが可能に!

昨日作成したサービスWeb アプリアイコン作成ツールにアイコンのアップロード機能を付けました。本来 iOS ではブラウザを使ってのアップロードが許されていなかったのですが、iOS6 からはこれが可能になったのです。

iOS6のSafariでサポートされるHTML5の機能 | クラスメソッド開発ブログ
http://dev.classmethod.jp/smartphone/ios6-safari-html5/


IMG_2889.png

というわけで、突貫でファイルアップロード機能を作ってみました。実装は驚くほど簡単だったのですが、いろいろとハマったのでそれは追々書いていきます。