Web

非同期(Ajax)でPHPの関数を実行させサーバーにフォルダとファイルを作成する

最近PHPを勉強し始めたので備忘録がてら書きます。

今回は、HTMLファイル内にあるボタンをクリックして
Ajaxを使用してPHPファイルにデータを送り、PHPでサーバー上にファイルやフォルダを作成する方法を紹介します。

まぁ最初からPHPファイルで作成すればファイルを分ける必要もないんですけど、、。

今回の仕様は、HTML側にファイルパスとファイル名を記入させるinputタグを設置し、ボタンをクリックしてその入力値をPHPに送信するものです。

PHPファイルに渡された値をPHP側で処理し、

サーバー上にフォルダがなければフォルダとファイルのどちらも作成。

サーバー上にフォルダはあるけどファイルがない場合はファイルのみ作成。

サーバー上にフォルダもファイルもある場合は何もしないようにします。

HTML

HTMLはまぁ何でもいいです。お好きに。

※注意:ファイルパスは相対パスでないと動きません。絶対パスで入力するときは置換するなど対策が必要です。

JS

もしファイル名やファイルパスがずっと変わらないのであればHTMLで指定するのではなくjsの変数に直截していしてもいいです。

PHP

これで準備はOKです。

実際に使ってみる

HTMLファイルにアクセスし、フォームを送信すると

  • フォルダがなければフォルダとファイルのどちらも作成。
  • フォルダはあるけどファイルがない場合はファイルのみ作成。
  • フォルダもファイルもある場合は何もしないようにします。

上記の条件をいずれも達成しているかと思います。

最後の「フォルダもファイルもある場合は何もしない」は、PHPで上書きもしないようにしているので
もし上書きOKの場合はif文を取っ払えばOKです。

ピックアップ記事

  1. Googleフォーム埋め込みでチェックボックス複数選択させデータを送信する方法
  2. 新しいことへのあと一歩の勇気が出ない人へ「勇気はあとからついてくる。」
  3. 目標がない人はやりたいことリスト100をやってみよう

関連記事

  1. Web

    レンタルサーバー探してるならCORESERVER使ってみて!

    ブログを始めるならCORESERVERを使おう!もともと私はデータ…

  2. Web

    Webデザイナーにオススメの業務効率化PCソフト8選

    これからデザインやコーディングをしていくつもりの人に、私オススメの業務…

  3. Web

    無料でWebサイトを作成するならOnePageがおすすめ!

    OnePageとはOne Pageは端的に言えばWebサイトを簡単…

  4. Web

    【ace.js】エディタを複数表示させる方法

    ブラウザ内でコードを書くならそれ用のエディタを使うわけなんですが、…

  5. Web

    メルマガテスターつくりました。|HTMLメールのテスト配信ツール使い方解説。

    みなさんどうも。久々の投稿です。今回メルマガ等で配信するHT…

  6. Web

    chrome/IE/FireFoxのサイズ解釈

    ブラウザごとにmargin(マージン)の間隔が違うことは以前から知って…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Other

    資格・免許は話のネタになる。資格を取るメリットとオススメの資格は?
  2. Web

    chrome/IE/FireFoxのサイズ解釈
  3. Web

    ランサーズで稼げるの?副業初めての会社員が1ヶ月試した結果
  4. Diary

    【日記】若くしてデブになりました
  5. Web

    2018年9月現在もSurface LapotopのWindows10Proへの…
PAGE TOP