画像をドラッグ＆ドロップでアップロードして並び替え - Qiita
画像をドラッグ＆ドロップでアップロード ＆ 画像をドラッグ＆ドロップで並び替える 方法をご紹介します！ 用途 webサイトとかで、施設に画像を結びつけて、かつ、それをソート順で表示したいとかあるときに使えるよ。 ついでに画像も削除できます。 ついでに画像に説明文も登録できます。 参考サイト https://codepen.io/malkafly/pen/gbVYZb ↑ほぼこれを丸パクリです。ありがとうございます！！！ 使うプラグイン みんな大好きDropzoneJS jQuey UIのSortable 私はここからyarnで追加しました コード html側 <form method="post" action="/api/v1/facility-image/upload/" id="my-awesome-dropzone" class="image-upload-area dropzon
Laravel File Manager
This is the document of v2 version, v1 document can be found here: https://github.com/UniSharp/laravel-filemanager/tree/v1/docs Features File upload and management Uploading validation Cropping and resizing of images RWD user interface, and can be entirely customized Supporting multiple files selection Supporting cloud storages integration(with Laravel file system) Multiple integration options: WY
Laravelのファイル管理ライブラリ Laravel File Manager
Laravelのファイル管理ライブラリ Laravel File Manager Laravelのファイルのアップロードから管理まで一括でできるライブラリ「Laravel File Manager」をご紹介致します。 CKEditorやTinyMCEとの連携もできたりします。 投稿日2017年07月07日 更新日2017年07月07日 Laravel 5.4 を使用します。 機能紹介 アップロードしたファイル一覧で表示。 画像の選択とかフォルダで管理できたり。 トリミングができたり。 インストール&設定 コンポーザーでインストールします。 $ composer require unisharp/laravel-filemanager config/app.phpのprovidersとaliasesに下記を追記します。 config/app.php 'providers' => [ // .
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
CakePHP画像をアップロードする - Qiita
<form action="<?php echo $this->Html->url('/Users/add'); ?>"method="POST" enctype="multipart/form-data"> <h2>新規会員登録</h2><br/> <h3>ニックネーム</h3> <input type="text" name="name" size="40"><br/> <h3>メールアドレスを入力してください</h3> <input type="text" name="email"><br/> <h3>パスワード</h3> <input type="password" name="password" size="40"><br/> <h3>もう一度パスワードを入力してください</h3> <input type="password" name="password2"><br/> <dt
File APIとCanvasでローカルの画像をアップロード→加工→ダウンロードする ｜ Tips Note by TAM
ユーザーのローカルにある画像をアップロード、ブラウザ上で加工して、加工後の画像をダウンロードする処理をFile APIとCanvasを使って実装してみます。 ■目次 Canvas上に画像を表示 File APIでアップロード File APIでアップロードした画像をCanvas上に表示 Canvas上で画像の加工 画像として出力 ダウンロードリンクを表示 1. Canvas上に画像を表示 まずはCanvas上にダミーで画像を表示させてみます。 See the Pen QqOyNp by tam_yi (@tam_yi) on CodePen. drawImage()メソッドでCanvas上に画像を表示させています。 2. File APIでアップロード File APIを使ってアップロードした画像をブラウザ上に表示してみます。 See the Pen dVZGOE by tam_yi (@
クリップボードの画像は直接Twitterなどに貼り付けられる！ | ゆーそうとITブログ〜WordPress・Xserver・アイキャッチ画像作成ツール〜(旧:ゆうそうとITブログ)
先日ふとあるWebサイトの入力欄にクリップボードにコピーしてあった画像を貼り付けてみたら、そのままアップロード出来ました。今まで文章などはコピー&ペーストできたのですが、画像もそうなるといいなぁとたぶん何度もトライしていたのだと思います。 それをきっかけに普段使うWebサイトで画像が貼り付けられるかどうかを試してみました。いくつかできるもの、できないものがあったのでそれについて書きます。 気がついたきっかけのWebサイトはSlackでした 仕事上の連絡用チャットに Slackを使っています。文字だけのチャットだと例えば 「画面のこのあたりに説明文を追加してください」 とかいわれたときの このあたり を示すのに画像を使ったりしますが、そういう場合、通常はいったん画像のスクリーンショットを撮って、ファイルに保存して、Webサイトからアップロードという感じでやたらめんどくさいことになります。 先
クリップボードの画像ファイルをアップロードする - Qiita
QiitaやGithub のようにWebアプリ上でクリップボードにコピーした画像をペーストコマンドでサーバに直接アップロードする方法。 実装例 DevHubというチャットツールのチャット欄・メモ欄に実装した。 Web上の画像をコピー、または画面キャプチャから直接ペースト機能を使ってファイルアップロードからの表示ができるようになったのでとても便利になった。 以下、動作イメージ。 クリップボードに画像をコピーした状態でメモ欄に Ctrl-v すると画像ファイルがアップロードされ、パスが返ってくる。 編集を終了すると独自のマークダウン処理で画像が表示される。 実装手順 貼り付け対象のDOMに 'paste' イベントをバインド pasteイベント処理内でeventから画像を取り出す Ajaxで画像情報をサーバに送信 サーバ側でファイルを保存し保存後のパスをクライアントに送信 クライアントで保存後
CakePHP 2.5.8. でファイルのアップロード - Dream of Electric Sheep
タイトルの通り、ファイルのアップロードを試してみました。 コードは以下の通りです。 ・POSTするHTML側 <form action="[コントローラーのURL]" enctype="multipart/form-data" method="post"> ・ ・ <input name="foo_file" type="file" value="" /> <input type="submit" value="送信" /> </form> ・受ける側コントローラーのアクションメソッド function index() { //パラメータよりイメージ情報を取得 $image = $this->params['form']['foo_file']; //イメージ保存先パス $img_save_path = IMAGES.DS.'save_files' ; //イメージの保存処理 move_u
ファイルアップロードのレジュームをブラウザ上で行える「Resumable.js」:phpspot開発日誌
Resumable.js: Fault Tolerant Resumable File Uploads in JavaScript - Badass JavaScript ファイルアップロードのレジュームをブラウザ上で行える「Resumable.js」。 HTML5のAPIを使ってこうしたことが実現できるようになるみたいです。 ファイルが大きくなり、回線も太くなりますがブラウザベースだと落ちちゃったらまたやり直しと回線も無駄ですし、何より時間のムダですね。 こういった機能が広まれば沢山の人の無駄を減らせそうです 動作ムービーは以下に。 何年後かには当たり前になっていてそんな時代があったの？ということになるかもしれませんね githubにてソースが公開されています 関連エントリ HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 HTML5のcan
【コピペ用】PHPのアップロード容量を変更する.htaccess、php.iniの記述サンプル
サーバ設定によりますが、PHP のデフォルトではアップロードできるファイルサイズの容量は2MBになっていることが多いです。 この設定を変更するにはサーバ内のphp.iniの書き換えが必要ですが、root権限が必要だったり、初心者だと直接そのあたりを書き換えるのが非常に恐ろしかったりします。 そこで、ドキュメントルートやサーバごとに指定された場所に自分で作った.htaccessファイルやphp.iniファイルを置き、サーバデフォルトの設定を上書きする、というケースがあります。 内容は、いろいろなブログで数多くの人が書いてくれています。 今から書くことに特に目新しいことはありませんが、.htaccessにする場合とphp.iniにする場合とで書き方が微妙に違うのでそれを併記しておきます。 まぁ、恒例の覚え書きですね。私は、この書き方の違いに気づいてなくて、何度やっても失敗して諦めたという過去が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
you cannot upload files of this type. · Issue #669 · UniSharp/laravel-filemanager
WYSIWYG エディタの CKEditor4 にアップロード機能を追加する (CKEditor+KCFinder)
https://www.dropzonejs.com/
laravel-filemanager 導入 - ShareDiary
Laravel 5.5で複数の画像をアップロードする方法 - Qiita
【Laravel / JavaScript(JQuery)】画像ファイルアップロードとプレビュー | Standing on The Shoulders of Giants
Laravelで画像ファイルアップロードをする簡単なサンプル - Qiita
CakePHP2 ファイルアップロード時にwebroot以下のディレクトリを指定する - Qiita
