Photos.appから画像をアップロードするモバイルサファリのhtml5 Webアプリ？

ユーザーがファイルシステムから画像をアップロードできるようにするiOSデバイス（iPad、iPhone、iPod Touch）用に設計されたHTML5 Webアプリケーションを作成することは可能ですか？

Webアプリを介してTwitterアバターに新しい写真をアップロードすることを想像してみてください。

更新： iOs 6 Safariは、フォトライブラリからのビデオと画像のアップロードをサポートする予定です。

====

この言葉は嫌いですが、それは不可能です（今のところ）。理由は次のとおりです。

1）モバイルサファリは何もアップロードできません。

2）モバイルサファリはiOSコンポーネントにアクセスできません（実際にはアクセスできますが、phonegapを介してのみ）

この問題に対処するもう1つの方法は、ユーザーに写真を自動アップロードするための電子メールアドレス（例：photos+abc123@yoursite.com）を提供するプライベートメールアドレスを与えることです。

もう少し設定が必要ですが、すべてのデバイスのユーザーに一貫したエクスペリエンスを提供します（モバイル以外のユーザーにも便利だと思われます）。

私はhttp://picupapp.comのpicupソリューションが好きです

私はこれについて許容できる回避策を見つけました。カメラロールからメールに画像をコピーして貼り付ける方法をユーザーに示す定義済みの手順を含む、ページにmailToリンクを追加します。次に、受信メールを受信トレイでリッスンするジョブ/スクリプトを記述し、画像を取り除いて適切に処理します。

完璧ではありませんが、Safariからのリンクをクリックすると、写真にアクセスし、コピーしてアプリに戻るだけで済みます。私の電話で試した後、アプリを書かずに前に進むことができるのは、許容できる回避策以上のものです。

    <div data-role="collapsible" data-collapsed="true" id="uploadPicContainer" data-theme="d">
    <h3>{l t='Upload Picture'}</h3>
    <a href="mailto:fotos@opina.com?subject={l t='My pictures of'} {$var_biz.bizname}[{$var_biz.id}]!&body={l t='To upload a picture go to your Camera Roll and copy paste an image to this area in the email.  We will apply your picture after review!'}">{l t='Click here to upload pictures of'} {$var_biz.bizname}</a>
</div>

iOS 6以降のSafariを使用して写真をアップロードできるようになります。上記の回避策は、iOS 5以下では引き続き必要です。

別のネイティブiOSアプリケーション（Picupまたはiphone-photo-pickerに類似）はAurigma Upです。

iOS 6.0のSafariは、次の<input type="file">ことを可能にすることでサポートを追加する最初のユーザーです。

• 新しいビデオまたは写真を撮る
• ライブラリからビデオまたは写真を選択します

iOS10での表示は次のとおりです。

iOS9では、iCloud Driveと、Dropboxを含むその他のオプションが導入されました。iOS 6から8には、最初の2つのオプションしかありませんでした。

accept="image/*"属性を使用して、ファイルタイプを写真のみに制限できます。

<input type="file" accept="image/*" > オプションを写真のみに制限します：

Android側では、Android 2.2以降が上記のコードをサポートする最初のものです。

免責事項：私がCTOであるビデオ録画を処理するPipeの画像提供

私が考えたアイデアは、ユーザーがURLを貼り付けることができるテキストボックスを用意し、ユーザーがドロップボックスまたは同様のアプリを使用して、ドロップボックスファイルのパブリックURLをコピーできるようにすることです。その後、サーバーはDropboxサーバーからダウンロードできます。

picupappが機能しないように聞こえるように、画像以外のファイルタイプをサポートする必要があります。

それでもiOS5を使用している場合は、iCabモバイルの使用を検討してください。私のipadと（少なくとも私にとって）ファイルのアップロードは正常に動作します。

よろしく、Piotr

iOSのみ> = 6

<input type="file" accept="image/*" capture>

「キャプチャ」はiOSで何も変更しませんが、他のデバイス（Androidのようです。コメントを参照）でも引き続き役立ちます。