タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

HTML5とアップロードに関するwtrabのブックマーク (2)

  • PhoneGapでカメラ撮影 & サーバーにアップロード

    カメラで撮影し、写真をサーバーにアップロードしてみます。 (パーソナル)クラウドとの連携みたいなもん。 PhoneGapのCameraを使ってみます。 表示サンプルとコード 写真のURI(カメラ内の保存場所)とサムネイルを表示。 URIは、’content://media/external/images/media/xx’という文字列です。 このままでは、アップロード用に使えないので、フルパスに変換します。[URLをフルパスに変換]ボタンをタップ。 ’/mnt/sdcard/DCIM/Camera/xxxxxx.jpg’が写真データのパスです。’/mnt’はマウントを意味しているだけなので、実際の使用時にはこれは省いておきます。 以下のソースは、PhoheGap fanのページを参考にしました。一部修正しています。 ファイルのアップロード用にコードを追加しています。 サーバーにバイナリ(画

  • 画像をクライアント側で縮小してプレビューした後にアップロードする | egashira.jp

    2015-08-10 iPhoneでひしゃげてしまうバグに対応した、JavaScriptで画像を縮小処理する方法を紹介します。 JPEGの回転情報から正しい向きで表示したり、ジャギーを減らすためにエルミートフィルターを使ったスムージングも行います。 画像を投稿できるサイトなどでは、写真を"魅せる"ためのサイトでない限りディスプレイ幅以上の解像度のデータは必要なく、アップロードされた画像ファイルをサーバ側で縮小処理したデータのみを保存していることも多いのではないでしょうか? iPhoneのOSがバージョン6になってから、ようやくHTMLの<input type="file">がサポートされ、スマホ界隈でも画像投稿が熱くなってる感じがしますが、スマホのカメラはメガピクセルが当たり前なので、そのままだとファイルサイズが1メガ以上になってしまい、通信帯域を無駄に使ってしまいます。 HTML5で実用

  • 1