jQueryのFormDataの中身の確認方法

jQueryではFormData()でフォーム内のinputのvalueを一度に取得できます。
取得した値を確認するためにコンソールに出力したとしても値は確認できないようになっています。
以下、コンソールでのFormData確認方法です。

続きを読む

inputタグfileタイプをCSSでカスタマイズ

デフォルトのfileタイプのinputタグだとシンプルで、スマホだと少し使いづらかったりします。
かつ、inputタグにCSSをあてても微妙な動作をします。
HTML側を少し工夫するだけでCSSでカスタマイズが可能になります。

続きを読む

Ajax通信で指定URL先でエラーしたときの原因調査の仕方

jQueryのAjax通信で指定したURL先でコードを間違えていて500エラーが出たり、
見つからなくて404エラーなどが発生します。
このときブラウザのDeveloperツールなどではコンソールに500エラーです。など簡単なものしか出ません。
以下、どこのソースがどうエラーを出しているのか調査する方法です。

続きを読む