ajax(jQuery)でファイルをアップロードする - Qiita
<form> <input type="file" name="upfile"> <button id="upButton" type="button">送信</button> </form> let $upfile = $('input[name="upfile"]'); let fd = new FormData(); fd.append("upfile", $upfile.prop('files')[0]); $('#upButton').on('click', function () { $.ajax({ url:'index.php', type:'post', data: fd, processData: false, contentType: false, cache: false, }).done(function (data) { // 成功時の処理 }).fail(fu
HTML5 – ファイルアップロード プログレスバー付 « Weblog it-azusa
XPのサポート終了をきっかけに、ブラウザも一斉にＩＥ11が主流になるという大変な変化が起こっています。ＩＥ11はWindows8のタッチパネル用のタッチイベントという独自の規格を装備していて、マウス操作がうまく動かないという現象が起きていました。その修正をしていたついでに、これが主流になるなら、HTML5とAjaxを使用した、複数ファイルアップロードを作ることにしました。jQueryを使用しない自前のAjaxでできてるので、jQueryのバージョンアップやIE対応を待つ必要がなく、自分で拡張したり、応用することができます。プログレスバーはその応用で作りました。ちなみに、jQueryで全て作っている人は、前述のＩＥ11のタッチイベントの問題は、自力では解決できません。 複数ファイルの選択ができますか？お手持ちのブラウザで試してください。 対応のブラウザ モダンブラウザのie11、chrome
Laravelで画像をアップロードする方法
routes/web.php Route::get('/profile', 'ProfileController@index'); Route::post('/profile', 'ProfileController@store'); Route::get()がフォームを表示するルート定義、 Route::post()が送信された値を受け取るためのルート定義です。 今回はフォームの表示と送信された値の受け取りを同じURLで行います。 もしこれらを別のURLにしたい場合は、それぞれの第一引数を適宜変更してください。
Laravel 5.7 で画像アップロード用フィールドを作成する方法｜Koushi Kagawa
Laravel 5.7にて、画像アップロードようのフィールドを作成する方法を記載します。 今回やること ・画面とテーブルの修正 ・既存のテーブルにフィールド追加 ・bladeファイルの修正（画像アップロードフィールドを作成） ・Controllerの修正(ディレクトリに画像アップロード・データベースに画像のパスを保存） ・保存された画像を画面で表示する ・確認 前提 ・Laravelが動く環境がすでにあること ・こちらの記事で作成した投稿フォームを利用 ・Laravel のバージョンは5.7完成動画はこちらです。 それでは始めます。 --- 🖥 --- 画面とテーブルの修正投稿画面 今回はこちらの記事で作成した投稿フォームに、画像アップロードようのフィールドを作成するように変更します。 ※現在の投稿フォームの画面テーブル定義 テーブル定義は下記のようにします。以前のテーブルに「image
PHP: POST メソッドによるアップロード - Manual
POST メソッドによるアップロード この機能により、テキスト、バイナリファイルの両方をアップロードできるように なります。 PHP の認証機構およびファイル操作関数を用いて、アップロードを許可する ユーザーとアップロード後にそのファイルを使用して行う動作を完全に制御する ことが可能です。 PHP は、全ての RFC-1867 対応ブラウザからファイルのアップロードを 受けることができます。 注意: 関係する設定に関する注記 php.iniの file_uploads, upload_max_filesize, upload_tmp_dir, post_max_size, max_input_time ディレクティブも参照ください。 PHP は Netscape Composer および W3C の Amaya クライアントにより使用される PUT メソッドによるファイルアップロードもサポ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Laravel / JavaScript(JQuery)】画像ファイルアップロードとプレビュー | Standing on The Shoulders of Giants
http://onlineconsultant.jp/pukiwiki/?CakePHP%20%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%92%E4%BD%9C%E3%82%8B
