HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記
HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。 そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。 今回は JavaScript の処理が中心です。jQuery を使っているので追加してくださいね。 $(function () { var uploadFiles = function (files) { // FormData オブジェクトを用意 var fd = new FormData(); // ファイル情報を追加する for (var i = 0; i < files.length; i++) { fd.append(
Mobile Safariと連携して写真をアップロードする·iPhone Photo Picker MOONGIFT
iPhone Photo PickerはMobile Safariから呼び出す写真アップロードソフトウェア。 iPhone Photo PickerはiPhone用のオープンソース・ソフトウェア。iPhoneをはじめとするiOSの欠点とも言えるのがMobile Safariでファイルのアップロードができないことだ。例えば写真をアップロードしたいと思ったことはあるのではないだろうか。 メイン画面 やり方は幾つかある。メールに添付する、専用のアップロード用アプリを使うと言った方法だ。だがここで紹介するのはMobile Safariを活用するというiPhone Photo Pickerだ。 iPhone Photo Pickerは面白い方法を使う。まずWebサイト側にiOS用の仕込みをする。それはファイルアップロードを行う場面においてiPhone Photo Pickerを呼び出すのだ。URLス
iPhone Safariから画像を投稿する方法
iPhone Safariから画像を投稿するならMMS連携が便利です。 iScreenShotのように、iPhone Safariから写真や画像を投稿してもらうWebサイトを作る時に悩むのが、どういう方法で画像をWeb側に投稿してもらうかです。 実際に構築するにあたって色々と試してみました。 Safariからファイルアップロード Safariからファイルアップロードで画像を投稿して貰う方法です。 単純に考えればこれですね。開発を始める時は、スマートフォンだしPCと同じ方法で良いよね、と安易に考えていました。 しかし試してみると分かるのですが、iPhone/iPadのSafariでは残念ながらファイルアップロードはできません。 ファイル選択ボタンが無効になってます。。。 メールから送信 次に考えたのが、メール添付による投稿。 mailto:でメールアプリを起動して、画像を添付して貰えれば良い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
