モバイルブラウザでの画像アップロードについて覚え書き
前置き スマートフォンブラウザで画像アップロードしたいという要件があったので、あんまり無理しないで実装できるとこまでやったら、どうなるのかやってみた。 やりたいことは、アップロードに加えて、画像データにリサイズ処理を適用すること。さすがに3G回線で2MB近い画像データを、input[type="file"]でそのまま送りつけるのは無理がある。 某所で書いたブツの要約版なので、某所のほうを見た諸氏はアレでソレして解釈してください : ) サンプルコード 基本方針としては、以下のようなコードで処理することになる。 var elFileInput = document.getElementById('js-select-photo'), elPreview = document.getElementById('js-preview-photo'), createObjectURL = windo
iOS デバイスからWCFサーバへファイルをアップロードする方法 | PROGRAMMING NOTE
WCFサーバ側 C#プログラム WCF でのエンドポイント、バインディング、コントラクトなどは適当に設定しておく。 公開インタフェース定義 [ServiceContract(Namespace = "http://My.WCF.Samples")] public interface IService1 { [OperationContract] [WebInvoke(Method = "POST", UriTemplate = "UploadFile/{fileName}")] string UploadFile(string fileName, Stream fileContents); } namespace HelloWCF2 { public class Service1 : IService1 { public string UploadFile(string fileName,
iPhoneアプリ開発記（１０）：Objective-C で HTTP のファイルアップロードを実装する - Natural Software
前回、mixi API を使ってmixiボイスに投稿しました。 今度はフォト付きつぶやきを投稿したかったのですが、一筋縄ではいかなくてしばらくハマっておりました。なんとかMac上のアプリとiPhone実機で送ることができたのでまとめておきます。 リクエストの作成には、前回参考にしたPythonのコードと実際のパケットをにらめっこしながらやりましたが、もっとスマートな方法があれば教えてほしいです。 iPhoneアプリ開発記（９）：Objective-C & OAuth で mixi API にアクセスする コードはgithubにおいてあります https://github.com/kaorun55/iOSSandbox/tree/master/MixiOAuthSample フォト付きつぶやきの送り方 フォト付きつぶやきを送る方法は下記の2種類あるようで、今回は multiple/form-
Objective-Cでmultipart/form-data形式でPOSTする - よしだ’s diary
せっかく作ったけど、残念ながら使わなそう。 Randomクラスは前回作った物。 使い方 // multipart Multipart *multi = [[Multipart alloc] init]; [multi addString:@"aaaaaaaaaaaaaaaaaaaa" forKey:@"aaa"]; [multi addString:@"bbbbbbbbbbbbbbbbbbbb" forKey:@"bbb"]; [multi addString:@"cccccccccccccccccccc" forKey:@"ccc"]; // http NSURL *url = [NSURL URLWithString:@"http://example.com/"]; NSMutableURLRequest *request = [[NSMutableURLRequest alloc]
iPhone Safariから画像を投稿する方法
iPhone Safariから画像を投稿するならMMS連携が便利です。 iScreenShotのように、iPhone Safariから写真や画像を投稿してもらうWebサイトを作る時に悩むのが、どういう方法で画像をWeb側に投稿してもらうかです。 実際に構築するにあたって色々と試してみました。 Safariからファイルアップロード Safariからファイルアップロードで画像を投稿して貰う方法です。 単純に考えればこれですね。開発を始める時は、スマートフォンだしPCと同じ方法で良いよね、と安易に考えていました。 しかし試してみると分かるのですが、iPhone/iPadのSafariでは残念ながらファイルアップロードはできません。 ファイル選択ボタンが無効になってます。。。 メールから送信 次に考えたのが、メール添付による投稿。 mailto:でメールアプリを起動して、画像を添付して貰えれば良い
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ス
Picup を利用して Rails アプリに iPhone / iPad から画像をアップロードする - 情報と音楽
ご存じ iPhone / iPad のブラウザである Mobile Safari は、HTML5 の機能を多数実装してるわりに、<input type="file"> を使ったファイルのアップロードができない。 もちろん専用のネイティブアプリを作成すれば可能だけど、まあ、ほとんどの場合めんどくさいよね。 そこで、多少ユーザを選ぶけど、便利そうなのが William Lindmeier 氏制作の iOS アプリ Picup である。 ここでは、Picup の仕組みと、Rails アプリでの実装例を紹介する。 Picup の仕組み iOS や MacOS (X?) では、URL スキームにアプリケーションを関連づけられる。Picup の場合 fileupload:// に続けて、アプリに渡したいパラメータをつけて Safari 等で開けば、Picup にパラメータが渡され起動する。 サーバ側で
Webブラウザにファイルをドロップするだけのファイルアップロード/ダウンロードシステム·tensoid MOONGIFT
tensoidはHTML5を使ったファイルアップロード/ダウンロードシステム。 tensoidはJavaScript/node.js製のオープンソース・ソフトウェア。ネットワークを介して相手にファイルを送りたいと思った時には幾つかのやり方がある。よほど大きなものでない限り、FTPなどは使われないだろう（セキュリティ的にも）。Webブラウザ経由で送れるのが便利だ。 ここにファイルをドロップ！ ファイル宅急便的なサービスを使うのも良いが、もっと手軽にファイルを送りたい時をターゲットにしているのがsendoidというサービスだ。そしてそのsendoidからFlashをなくして実装されたクローンがtensoidになる。 tensoidはHTML5を使って、Webブラウザ上へのファイルのドラッグアンドドロップで動作するソフトウェアだ。任意のファイルをtensoidの指定場所に放り込むと自動的にアップ
小さな工夫で大きな改善。ドラッグアンドドロップでファイルアップロード·html5uploader MOONGIFT
html5uploaderはHTML5を使ってドラッグアンドドロップによるファイルアップロードを実現するライブラリ。 html5uploaderはHTML5製のオープンソース・ソフトウェア。HTMLで最も嫌だったのがファイルアップロードの手間が大きいことだった。一つのファイルボックスで一つのファイルしかアップロードできないというのはとても面倒だった。Flashで作られた擬似的アップロードツールでファイルが複数選択できるようになったのが救いでもあった。 デモ。この枠にドロップする。 それがHTML5によって複数ファイルのアップロードに対応するようになり、便利になった。だがファイル選択のダイアログが面倒なのは変わらない。それを改善してくれるライブラリがhtml5uploaderだ。 html5uploaderはボックスを表示してその中にファイルをドラッグアンドドロップするだけでアップロードを行
Rails 2.3.4とSWFUpload
英語力を鍛える為に海外からの興味ある主にRubyに関したブログ記事やマニュアルページなどを日本語に訳していこうと思っています。訳文に間違いや分かりにくい点があればコメントやメールで指摘して頂けるとうれしいです。 Jetpack Flight Logから2009年10月29日の「Rails 2.3.4 and SWFUpload – Rack Middleware for Flash Uploads that Degrade Gracefully」という記事を勉強がてら訳してみした。 Rails 2.3.4とSWFUpload - Flashを使用したアップローダの互換性のあるRackミドルウェア ウェブブラウザからのアップロードを制御はここ数年同じ方法で行ってきました。それらはスタイルするのが難しく、様々なブラウザに対して同じように表示されません。おそらく、一番、大きな問題は送信時間がどれ
守破離でいこう!!: file_column and capistrano
2007/02/14 file_column and capistrano Railsで画像ファイルをアップロードする場合、file_columnというプラグインがとても使えます。 このpluginは、画像のアップロード、保存、サムネイル作成といった面倒な処理を劇的に簡略化してくれます。 データベースにファイル名を保存するカラムを追加し、 add_column :entry, :image, :string モデルで、file_column pluginを指定します。 class Entry < ActiveRecord::Base file_column :image end この場合の保存先は、 public/[model_name]/[attribute_name]/[id]/[file_name].jpg になります。 サムネイルを作成する場合は、次のようにします。 class E
Geekboy - RailsでUploadProgressとfile_column Pluginを使った画像のアップと加工処理
帰省、寿司、陶芸体験 8/13（火） 妻の実家の墓参りへ行き、俺の実家へ帰省。風呂に入る前に子供達と外で水鉄砲で水を掛け合いびしょ濡れになる。最後のほうはどうにでもなれと思い、ホースやバケツで直接水をかけ合う。久しぶりの大胆な遊び方に子供たちは大声をあげながら騒いでいるが、田…
Open Source - thoughtbot
Open-source contributions are at the heart of thoughtbot’s company culture, embodying our belief in the importance of accessible and continuous collaboration for sustainable innovation. This collective effort fosters global cooperation and promotes accountability through code transparency, enabling skill development and strengthening the community. By consistently contributing to open-source proje
Plupload: Multi-runtime File-Uploader
Upload in HTML5 We are using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there's no HTML5 available in the browser, we emulate it ourselves. mOxie (combined code-name for pollyfills) is completely standalone and available separately. Drag'n'Drop Files from Desktop Files not only can be picked from browse dialog, but also can
Plupload: Multi-runtime File-Uploader
Upload in HTML5 We are using HTML5 APIs. Always. Plupload is based on multi-runtime pollyfills for XMLHttpRequest L2, File and Image APIs. So when there's no HTML5 available in the browser, we emulate it ourselves. mOxie (combined code-name for pollyfills) is completely standalone and available separately. Drag'n'Drop Files from Desktop Files not only can be picked from browse dialog, but also can
Queued Photo Uploader - FancyUpload - Swiff meets Ajax Showcase � digitarald:Harald K
This showcase is outdated, please visit the new showcase for FancyUpload 3.0. Documentation & Download for FancyUpload 3.0 here. 3.0 is the current release (more stable, more showcases, more documentation) and it is compatible with 2.0 and 2.1 (Old versions are not maintained anymore!). What happens? Check the automated log file after upload. The PHP script does not save the files but logs every r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cocoadev.com/wiki/HTTPFileUpload
GitHub - mihaild/jquery-html5-upload: It is a simple plugin for jQuery, which helps you to upload multiple files and to show progress of uploading.
Google Code Archive - Long-term storage for Google Code Project Hosting.
Google Code Archive - Long-term storage for Google Code Project Hosting.