iPhone Safariから画像を投稿する方法

iPhone Safariから画像を投稿するならMMS連携が便利です。

iScreenShotのように、iPhone Safariから写真や画像を投稿してもらうWebサイトを作る時に悩むのが、どういう方法で画像をWeb側に投稿してもらうかです。

実際に構築するにあたって色々と試してみました。

Safariからファイルアップロード

Safariからファイルアップロードで画像を投稿して貰う方法です。

単純に考えればこれですね。開発を始める時は、スマートフォンだしPCと同じ方法で良いよね、と安易に考えていました。

しかし試してみると分かるのですが、iPhone/iPadのSafariでは残念ながらファイルアップロードはできません。

ファイル選択ボタンが無効になってます。。。

メールから送信

次に考えたのが、メール添付による投稿。

mailto:でメールアプリを起動して、画像を添付して貰えれば良いと考えていました。同じようにファイルアップロードができない携帯電話ではお馴染みの方法ですね。

これなら行けると試してみると、mailto:でメールアプリ起動までは問題無いのですが、なんとメールアプリでは画像添付ができません。

結局、メールを使うなら、写真アプリから画像を選択してメールを送る、という手順を取るしかありませんでした。

MMSから送信

そんなこんなやっているなか、普段あまり認識していなかったMMSアプリからなら直接画像を指定して送信できることが分かりました！

しかもMMSなら、mailto:でメールアプリを起動するように、sms:というURL Schemeを指定してSafariから1クリックでアプリを起動することができます。

参考：Apple URL Scheme Reference: Text Links

sms:の後にメールアドレスを指定すると、そのメールアドレスを送信先としてセットした状態になります。これもmailto:と同じですね。

<a href="sms:[email protected]">MMSから送信</a>

SafariからMMSによる送信の流れは以下です。

まず、Safariからsms:が書かれたリンクをクリックします。

MMSアプリが起動します。sms:で指定したメールアドレスが送信先としてセットされています。

MMSでは画像選択が可能なので、左下のカメラアイコンで画像を選択できます。

画像を選択した状態です。あとは件名なり本文なりを書いて送れば画像を投稿することができます。

MMSからメールとして送信されたメッセージを処理する場合は、以下のエントリが参考になります。

=> iPhone MMSから送信されたメールを処理する際の注意点 | Shin x blog

見直したMMS

MMSを利用することにより、iPhone Safariの環境でもスムーズに画像投稿ができるようになりました。ファイルアップロードが出来るのが一番ですが、MMSを連携すれば携帯電話に慣れているユーザさんには自然な操作感かなと思っています。

写真投稿系など、iPhone Safariから画像アップロードを行うようなサービスを構築するなら、MMS連携を選択肢として知っておくと良いですよ。

MMSを使って画像を投稿してみたい方はiScreenShotからどうぞ:D
=> スクリーンショットを投稿する