input[type="file"] な要素を装飾する方法を検索したときに、次のような間違った label 要素の使い方を紹介する記事ばかりヒットするのが気になったので書きました。label 要素を使っても問題ない場合もありますが、間違った使い方をしている（しようとしている）人に届きやすいようにこのような表題にしています。 何が問題か 上記の方法は input 要素を display: none で非表示にし、label 要素を使ってヒット領域を拡大させて「ファイルを選択」ボタンを表現するという方法ですが、この方法ではフォーカスが当たりません。また、tabindex 属性に非負の値を設定しフォーカスを当てられるようにしても label は clickable な要素ではないので Space / Enter キーで click イベントを発火することができません。 どうするべきか butto

I am creating a simple form to upload file using electron-react-boilerplate with redux form & material ui. The problem is that I do not know how to create input file field because material ui does not support upload file input. Any ideas on how to achieve this?

So, you have written a large OpenAPI spec. At this point, you may have considered making the document modular by dividing it into smaller separate files. In this article, we will break the Petstore example from the official OpenAPI documentation into smaller files. A little side note before we start: This guide will be more helpful if you’ve documented an API project before by following the OpenAP

こんにちは！エンジニアのオータケです！ 今回はLaravelのファイル処理の使い方について学んでいきたいと思います。 PHPの関数でファイル操作をすることもできますが、Laravelにもファイル処理があります。 今回は ファイル処理・ファイル操作とは まず、ファイル処理・ファイル操作とは何かについてお話をしていきます。 皆さんはパソコン上でファイルを移動する時にWindowsやMacを使っていればマウスでドラッグしてどこかのフォルダに移動させると思います。 今回は、プログラムでファイルを操作できるようにします。 プログラムでファイル操作ができるようになれば、画像のアップロード機能後の画像の管理、PDFファイルをプログラムで生成して保存する際にディレクトリを作成してその中にファイルを保存するといったことが実現できるようになります。 PHP自体にはファイル処理が標準で扱えるようになっていますが

さてさて、先日300記事を突破したので過去の内容をチェックしてみることにしました。 すると、「あれ、記事にしてなかったっけ❓❓」というものがありました。 それは・・・ Laravelでファイルをアップロードする機能 です。 過去にファイルアップロードを効率化する独自パッケージ「ClampBolt」を公開しているので、てっきり記事として公開しているものと勘違いしていました😂 そこで❗ 今回はLaravelで顧客データを保存＆プロフィール画像も一緒にアップロードできる機能を作ってみたいと思います。 ぜひ楽しみながらやってみましょう❗ （なお、根本を理解していただきたいので、今回ClampBoltパッケージは使いませんm_ _） 「できるだけ他でも使いやすい形にします👍」 開発環境： Laravel 7.x モデル＆マイグレーションをつくる まずはDB関連からやっていきます。 モデル、マイグ

PC内のファイルを整理していて誤って必要なファイルまで削除してしまい、慌てて復元ツールを用意したという経験のある人は少なからずいるはず。「Windows 10 May 2020 Update」以降なら、Microsoft公式のファイル復元ツール「Windows File Recovery」がファイルの復活を手助けしてくれます。 Windows File Recovery を入手 - Microsoft Store ja-JP https://www.microsoft.com/ja-jp/p/windows-file-recovery/9n26s50ln705 Restore lost files on Windows 10 https://support.microsoft.com/ja-jp/help/4538642/windows-10-restore-lost-files How

さてさて、近年はウェブ開発の世界も成熟してきて、その昔は実行するには手間暇がかかり過ぎることでもいまだと簡単に実行できるようになってきました。 もちろん、PHPだけでは実行が難しい作業もたくさんありますが、サーバー内の他のプログラムと連携することで何の問題もなく開発できるため、ウェブだけでもデスクトップのような動きを実現することができたりします。 そこで、今回はそんな中からPDFをテキスト＆画像ファイルに変換する方法をお届けしたいと思います。 ぜひ学習に役立ててくださいね。 ※ 開発環境：Laravel 5.7 + Ubuntu 18.04 （通常のPHPでも実行できます） 用意するもの テキストが含まれたPDF。 もし手持ちがない場合は以下にサンプルを用意しましたので、そちらからダウンロードしてください。（中身は、夏目漱石の『吾輩は猫である』冒頭部分です） 吾輩は猫である：冒頭部分（PD

Laravel11.x, Laravel10.x, Laravel9.x, Laravel8.x, Laravel7.x, Laravel6.x, Laravel5.8, Laravel5.7で動作確認を行っています。ファイルのアップロード機能はLaravelのコア機能でバージョンによって手順が変わることはありません。バージョン毎に変わる手順ではないので、一度処理方法を理解することができれば長期にわたって使える知識になります。 本文書ではLaravel11.x, Laravel10.x, Laravel9.x, Laravel8.x, Laravel7.x, Laravel6.x, Laravel5.xを使ってファイルをアップロードする方法を中心に詳細を説明を行っていますがファイルのアップロード機能を使ったアプリケーションを開発する際の参考にできるようにアップロードだけではなく、アップロー

※ public/images とURLが干渉するため、photos にしておきます。 ライブラリのインストールと設定まず、「intervention/image」ライブラリをcomposerでインストールします。 $ composer require intervention/image 次に、configファイルの設定を変更します。 # config/app.php # 160行あたりに追加する (providersに追加) Intervention\Image\ImageServiceProvider::class, # 210行目あたりに追加する（aliasesに追加） 'Image' => Intervention\Image\Facades\Image::class, これで intervention/image を利用するための準備は完了です。 あとは、画像をアップロードする

Laravelを使ったプロジェクトでよく使うライブラリを紹介。最初となる今回は画像関連です。 ポータルサイトなどで必ずと言っていいほど必要になるのが、データと画像の紐付けです。 あるデータ1件に対してメイン画像や画像ギャラリーなどを表示する際、画像ファイルを保存しつつ、そのファイルとDBのデータとを紐付けます。 今のところ個人的に最も使い勝手が良いと思うライブラリは laravel-medialibrary なので、これを”定番”認定としたいと思います。 ここで紹介するのは記事公開時点のバージョン 7.5.1 です。 ・GitHub ・ドキュメント laravel-medialibrary にできることは、主に以下のことです。 アップロード画像の保存 アップロードした画像の読み出し 画像の削除 アップロード画像と Model の紐付け 画像のリサイズ 外部サイトからの画像ダウンロード レス

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

PHP初心者のときに混乱したし、未だに初心者が困ってるのをよく見掛ける。 はやわかり ファイル全体をまるごと読み込みたい→ file_get_contents() ファイルの中身をまるごと出力したい→ readfile() 行単位のテキストファイルを配列として読み込みたい→ file() ファイルをバイト単位で読み込みたい→ fopen()+fread() CSVを読み込みたい→ SplFileObjectクラス オブジェクト指向的に操作したい→ SplFileObjectクラス クラウドとかFTPとかにあるファイルを読み込みたい→ League\Flysystemライブラリ バイナリファイルを操作したいとか事情がない限り、feof()とかfclose()とかの出番はない。 file_get_contents() (PHP: file_get_contents - Manualより抜萃、2

下記のような構造のディレクトリとファイルに対して、RecursiveDirectoryIteratorで走査し、RecursiveIteratorIteratorで処理を行う場合 DIR ├──DIR-1 │ ├──DIR-1-1 │ │ ├──DIR-1-1-1 │ │ │ ├──FILE-1-1-1-1.php │ │ │ └──FILE-1-1-1-2.txt │ │ ├──FILE-1-1-1.php │ │ └──FILE-1-1-2.txt │ ├──DIR-1-2 │ │ ├──DIR-1-2-1 │ │ │ └──FILE-1-2-1-1.php │ │ └──FILE-1-2-1.txt │ ├──FILE-1-1.php │ └──FILE-1-2.txt ├──DIR-2 │ ├──DIR-2-1 │ │ ├──FILE-2-1-1.php │ │ └──FILE-2

こんにちは。宇都宮です。 「特定ディレクトリ以下のファイル全てに対して処理を行うプログラム」を書く機会というのは、たまにありますね。 「PHP ファイル 再帰的」といったワードで検索すると、色々引っかかります。それぞれ一長一短あります。「特定ディレクトリ以下のファイル全てに対して処理を行うプログラム」の様々な実装例を紹介します。 1. scandir()とis_file()/is_dir()を組み合わせる <?php function getFileList($dir) { $files = scandir($dir); $files = array_filter($files, function ($file) { // 注(1) return !in_array($file, array('.', '..')); }); $list = array(); foreach ($files

アクセスログの取得 まずは、サーバーからアクセスログを取得します。 僕は、今エックスサーバーしか利用していないので、その方法を書きます。 エックスサーバーの場合はサーバーパネルからログインしてパネルを開きます。 そして、「統計」項目の「ログファイル」をクリックします。 あとはドメインを選択して、 ダウンロードするだけです。 エックスサーバーデフォルトの場合は「nelog.jp.access_log」というファイルがダウンロードされます。 このアクセスログには、すべてのファイルへのアクセスに対する「1週間のログ」が書き込まれています。 すべてのファイルへのログなので、当サイトの場合だと2GB以上あり、600万行以上のテキストになっていました。 アクセスログの解析方法 これら膨大なアクセスログから、一つ一つ怪しいファイルを見ていくのは不可能なので、簡単な解析用コードをRubyで書きました。 W

会員制Webサイトやストレージサービスなどで input入力フォームでファイルをアップロードさせる[type=file]を使用する際、 選択されたファイルが画像だった場合にプレビューを表示させる機会が何度かあったので File APIとjQueryを使って試しに作ってみたサンプルを紹介してみます。 まずは動作サンプルから。 「jQueryでINPUT[type=file]で画像ファイルのプレビューを表示させる方法」サンプルを別枠で表示 サンプル画面上にある入力フィールドinputにて画像を選択させた場合、 入力フィールド下に選択した画像が表示されます。 全体構成についてまずはHTMLから。 ◆HTML <div class="imgInput"> <input type="file" name="file1"> </div><!--/.imgInput--> <div class="img