コンセプトは6つ ・簡単にアップロードできる ・クライアントサイドで画像のサムネイルを作る ・複数のファイルをアップロードできる ・画像をソートしてアップロードできる ・スマホの写真が時々回転してしまうので対策しよう ・そのままスマホの写真を複数アップロードできるようにすると ファイルサイズがえらいこと(1枚4M!)になったので クライアント側で画像を縮小 ・もちろんAjaxでアップロードだ! こんなアップローダーを作りたいの。でも、きっと夢ね…。 偉大なるプログラマーに敬意を! このアップローダーを作るにあたり以下のプログラムを使わせてもらった。 @stomita megapix-image.js https://github.com/stomita/ios-imagefile-megapixel @jseidelin exif-js https://github.com/jseidel
![スマホ用のクールなアップローダーを作る - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ea0587129d22ef4966cc8ab35f3896b207bc37d4/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUI5JUUzJTgzJTlFJUUzJTgzJTlCJUU3JTk0JUE4JUUzJTgxJUFFJUUzJTgyJUFGJUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgxJUFBJUUzJTgyJUEyJUUzJTgzJTgzJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgzJUJDJUUzJTgyJTkyJUU0JUJEJTlDJUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0xNzBmMmUyOWM1ZjkzZTc1ZjYyMTc1MzIyZTJhZTk5NQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBIYXNoaWJhdGEmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTIyMDdiMzA1ZTM0NGMwZGU2NTRiZDAzNjhhYjMxNWVj%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D9fc2ebdfa12a2909b8929bae7ad968e6)