Logicky Blog

Logickyの開発ブログです

画像

画像をクライアント側で縮小する

スマホからアップロードしようとするとスマホで撮影した画像ファイルのサイズが大きいので大体エラーになります。クライアント側で縮小しつつ、向きも合わせるとう処理が必須であります。 画像アップロード前にクライアント側で縮小してプレビューし、アップ…

php gd 画像リサイズ

画像リサイズのコードが変だったので直した。 list($ow, $oh, $type) = getimagesize($file_path); if(empty($ow) || empty($oh)) return false; $x = 0; $y = 0; if($ow / $nw > $oh / $nh){ //幅のがはみだしてる $w = $oh * $nw / $nh; $x = ($ow - $w) /…

画像をinputにドラッグして表示する

IEはダメらしいですが、typeがfileのinputはドラッグ&ドロップでファイルを登録できます。なので、ドロップしたらinputにchangeイベントがおこります。changeイベントが発生したら、FileReaderを使って表示させます。 $(document).on('change', '.img_input'…