2022年6月26日 / 最終更新日時 : 2022年6月26日 PHP【PHP & JavaScript】Ajax版 ファイルアップロードフォーム Ajaxによるファイルアップロード PHPのファイルアップロードフォームをAjaxによる非同期処理で実装します。 環境 : PHP 7.4, jQuery 3.3.1 🔰Ajaxとは ブラウザを再読み込み(同期処理)をす […]
2020年1月12日 / 最終更新日時 : 2020年1月13日 PHP【Laravel】LaravelでAjax(jQuery)を使用する LaravelでjQueryによるAjax通信を行うための手順をメモします。 環境:Laravel Framework 5.8、 jQuery 3.3.1 1. ルーティングの作成 クライアントからAjax通信先となるコ […]
2020年1月5日 / 最終更新日時 : 2020年1月5日 JavaScriptドラッグ&ドロップでファイルを選択する方法と画像ファイルのプレビュー ドラッグ&ドロップでのファイル選択と画像プレビュー方法 フォームからアップロードするファイルを、画面外からのドラッグ&ドロップで選択可能にする方法と ドラッグ&ドロップした画像ファイルをプレビュー […]
2020年1月5日 / 最終更新日時 : 2020年1月5日 JavaScriptフォームで選択中の画像をプレビューできるようにする フォームから選択した画像ファイルを即座にブラウザ上にプレビューする方法をメモします。 JavaScriptの記述は基本的にjQueryを使用していきます。 環境: Mac OS 10.13.6、 ブラウザ : Googl […]
2018年8月11日 / 最終更新日時 : 2018年8月21日 JavaScript【jQuery】画面幅ごとに処理内容を変える レスポンシブデザインでPCとスマホ等画面幅ごとに異なるレイアウトにするように、 jQuery (JavaScript) の効果、処理内容も画面サイズ別に変更させる方法についてメモします。 今回はクリックした画像が画面中央 […]