ドラッグ&ドロップでファイルアップロードする | バシャログ。
こんにちは山崎です。久しぶりの投稿になります。 今回はJavascriptでドラッグアンドドロップでのファイルアップロードを実装しようと思います。 完成形・仕様 このような画面になります。ファイルはドラッグ＆ドロップもしくは、ファイル選択フィールドからアップロードし、下にアップロードされた画像を表示する形です。 Ajaxなどを使ってアップロードされた時点でサーバーに保存するのではなく、送信ボタンが押された時点でサーバーに画像がアップロードされる仕様です。 今回はスタイルを最低限しか当ててないため質素ですが、こういったUIはCMSの管理画面などでよく見ると思います。 実装 まずHTMLを作っていきます。今回は最低限のスタイルで済ませるので、インラインでスタイルを書いています。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>ドラッグ
Hex、RGB、CMYK、DIC、PANTONEなど色の変換方法いろいろ | バシャログ。
こんにちは。sitoです。 今回は、Hex（16進数カラーコード）、RGB、CMYK、DICやPANTONEなどの色を、簡単に変換、検索できるツールまとめです。 Hex ⇔ CMYK ⇔ RGB 相互変換 https://www.benricho.org/colors/convert-Hex-CMYK-RGB.html 画面がシンプルで見やすいので、よくお世話になっています。 カラーコード変換ツール https://syncer.jp/color-converter こちらも、RGB、Hex、CMYK、HSVの変換似対応。 数値の入力だけでなく、キーワードでの変換も可能です。 フォントや入力エリアが大きくて使いやすいです。 NCOLOR https://www.ncolor.me/ DICやPANTONEの変換にも対応しています。 変換する色を左右で比較できるところが気に入っています。 D
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
