前置き スマートフォンブラウザで画像アップロードしたいという要件があったので、あんまり無理しないで実装できるとこまでやったら、どうなるのかやってみた。 やりたいことは、アップロードに加えて、画像データにリサイズ処理を適用すること。さすがに3G回線で2MB近い画像データを、input[type="file"]でそのまま送りつけるのは無理がある。 某所で書いたブツの要約版なので、某所のほうを見た諸氏はアレでソレして解釈してください : ) サンプルコード 基本方針としては、以下のようなコードで処理することになる。 var elFileInput = document.getElementById('js-select-photo'), elPreview = document.getElementById('js-preview-photo'), createObjectURL = windo
![モバイルブラウザでの画像アップロードについて覚え書き](https://cdn-ak-scissors.b.st-hatena.com/image/square/73b0e76b67edf6b3e4c75507c314bdf5c2abac7b/height=288;version=1;width=512/http%3A%2F%2Ffarm4.staticflickr.com%2F3708%2F10165055313_295216f5b6_z.jpg)