SlideShare a Scribd company logo
1	
Copyright (c) HEART QUAKE All rights reserved .	
画像ファイルの登録
2	
Copyright (c) HEART QUAKE All rights reserved .	
処理理の流流れ
画像を指定する1 2 3
HTML
HTMLから情報をもらう
&画像をサーバーに転送
情報を登録する
PHP SQL
3	
Copyright (c) HEART QUAKE All rights reserved .	
画像の登録(1/6)
l  ゴールイメージ
-  指定された画像情報をデータベースに登録する  
ようなアプリケーションを作ってみましょう。
⼊入⼒力力画⾯面
HTML
4	
Copyright (c) HEART QUAKE All rights reserved .	
画像の登録(2/6)
l  ⼊入⼒力力された画像を指定しよう!
-  まずは画像選択の⼊入⼒力力欄を表⽰示する
この上は省略
<form action="image_input.php"
method="POST" enctype="multipart/form-data" >
画像のファイル名を入力してください(最大64KByte)	
 
	
 <input size="30" type="file" name="upfile">
<input type="hidden" name="MAX_FILE_SIZE"
value="65536”>
<br>
<input type="submit" name="submit" value="送信”>
</form>
</body></html>
画像を指定するときは
このように書く
画像はtype=”file”
HTML
画像の最⼤大サイズを指定
5	
Copyright (c) HEART QUAKE All rights reserved .	
処理理の流流れ
画像を指定する1 2 3
HTML
HTMLから情報をもらう
&画像をサーバーに転送
情報を登録する
PHP SQL
6	
Copyright (c) HEART QUAKE All rights reserved .	
画像の登録(3/6)
l  画像データの登録に関して
-  データベースに画像ファイルを保存するのではなく、
-  画像ファイル名だけをデータベースに保存する。
-  肝⼼心の画像ファイルはサーバーに保管する。
画像を指定する1 2
3
HTML
HTMLから情報をもらう
&画像をサーバーに転送
画像ファイル名は
データベースに保管
PHP
4 画像ファイル⾃自体は
サーバーに保管
7	
Copyright (c) HEART QUAKE All rights reserved .	
画像の登録(4/6)
l  画像データの保存フォルダの作成
-  サーバー上に画像データ保存⽤用のフォルダを作成します
「…」フォルダをクリック1
2 右クリックして
Create  directory
3 フォルダ名はimg
4 imgフォルダを右クリック
してFile  permissionsを
クリック
5 777にしてOK
8	
Copyright (c) HEART QUAKE All rights reserved .	
画像の登録(5/6)
<?php
$error = $_FILES['upfile']['error'];
if ($error == 2){
echo "画像のサイズが大きすぎます!”;
}else{
//画像を保管するサーバーのフォルダを指定する
//FTP(FileZilla)ユーザ名部分はサーバー情報を見て変更すること!
$dir = ’ /home/ユーザ名/public_html/img/’;
$file = $dir.basename( $_FILES['upfile']['name'] );
//次のページでここにプログラムを追加する
}
?>
HTML側で指定した最⼤大サイ
ズよりも画像のサイズが⼤大き
い場合はエラーは2となる。
http://webtech-walker.com/
archive/
2007/09/20143717.html
PHP
HTMLで指定された画像のファイル名は
$_FILES[’HTMLで指定したname']
['name']
に⼊入っている。
9	
Copyright (c) HEART QUAKE All rights reserved .	
画像の登録(6/6)
//前のページの続き
$file = $dir.basename( $_FILES['upfile']['name'] );
	
 
	
 if(file_exists($file)){
echo "既に同名の画像が存在するため、別名にしてください。";
}else{
if( move_uploaded_file($_FILES['upfile']['tmp_name'],
$file) ) {
//データベースに画像ファイル名を登録するプログラムを書く	
 	
 	
 	
 	
 	
 	
 	
 	
 	
 
}else{
echo "ファイルのアップロード失敗";
}
}
}
?>
サーバーに同じファイル名の
画像があればエラーとする。
PHP
move_uploaded_file関数
によって指定した画像ファイルが
サーバーに保管=アップロードされる
FileZillaで提出しているのとやっている
ことは同じ。
10	
Copyright (c) HEART QUAKE All rights reserved .	
お疲れ様でした!!

More Related Content

PDF
Tiltaksanalyse Fredrikstad kommune BK2015
PDF
Presentation2
PDF
Night terrors for school
PDF
PDF
Recovery Cmc2009
PDF
Icec presentation for posting
DOCX
Tugas membuat jadwal pelajaran
PDF
Sales Brochure
Tiltaksanalyse Fredrikstad kommune BK2015
Presentation2
Night terrors for school
Recovery Cmc2009
Icec presentation for posting
Tugas membuat jadwal pelajaran
Sales Brochure

Viewers also liked (18)

PDF
Prezentacja4
PDF
Updated cast
PPTX
Rapport om svensk skogsindustri: Så bra kan det bli
PDF
地方議會議事錄-操作手冊
PDF
Debt consolidation
PDF
BeyondRoofing_Brochure_Final %281%29
PDF
Etuma Contact Center Categorizer
PDF
Perchè sono sempre stanco? La sindrome di stanchezza cronica in chiave psicos...
PDF
Reference letter for Carla Villanueva
PPTX
Образование в бюджете Березовского ГО Кемеровской области 2015 года
PPTX
Classification of matter a
PDF
Sembra, ma non è!
PPT
папка презентация бф1
DOCX
Decorator
PDF
CALL
PDF
Business Profile
PDF
Hvordan lykkes med arc gis online barbara schwendtner
PDF
Romeo and Juliet Prologue
Prezentacja4
Updated cast
Rapport om svensk skogsindustri: Så bra kan det bli
地方議會議事錄-操作手冊
Debt consolidation
BeyondRoofing_Brochure_Final %281%29
Etuma Contact Center Categorizer
Perchè sono sempre stanco? La sindrome di stanchezza cronica in chiave psicos...
Reference letter for Carla Villanueva
Образование в бюджете Березовского ГО Кемеровской области 2015 года
Classification of matter a
Sembra, ma non è!
папка презентация бф1
Decorator
CALL
Business Profile
Hvordan lykkes med arc gis online barbara schwendtner
Romeo and Juliet Prologue
Ad

Similar to Image register for_h (20)

PDF
Php s3
PDF
System s1
PDF
System1 for h
PDF
System1
PDF
System2 ajax
PDF
System s0
PDF
System2 for h
PDF
System s2
PDF
System4 comment h
PDF
Multiple Dimension Spreadのご紹介
PDF
How to use animation packages in R(Japanese)
PDF
Bootstrap s3
PDF
System4 comment
PDF
コピー自動生成プロダクトでDataflowを導入した話
PDF
System2 s1
PPTX
AutoScaling & SpotInstance Handson
PPTX
Cesiumを動かしてみよう
PPTX
Cesiumを動かしてみよう FOSS4G 2016 Tokyo版
PDF
Internet Explorer 11 概要
PDF
Lolipop server
Php s3
System s1
System1 for h
System1
System2 ajax
System s0
System2 for h
System s2
System4 comment h
Multiple Dimension Spreadのご紹介
How to use animation packages in R(Japanese)
Bootstrap s3
System4 comment
コピー自動生成プロダクトでDataflowを導入した話
System2 s1
AutoScaling & SpotInstance Handson
Cesiumを動かしてみよう
Cesiumを動かしてみよう FOSS4G 2016 Tokyo版
Internet Explorer 11 概要
Lolipop server
Ad

More from Jun Chiba (20)

PDF
【2025年版】新入社員研修で使える楽しくかつ、学びのあるビジネスゲーム7選(ゲーム研修)
PDF
アウトドアでできるチームビルディング研修用ビジネスゲーム「ロゲイニングカード」説明資料
PDF
ジグソーメソッドを用いた情報整理グロープワーク「モンスタービルディング」の説明資料
PDF
ストレスマネジメントを疑似体験できるゲーム型メンタルヘルス研修「ストマネ」説明資料
PPTX
ビジネスマナーをゲーム形式で疑似体験できる研修「マナーストーリーオンライン版」の説明資料
PDF
ビジネスマナーをゲーム形式で疑似体験できる研修「マナーストーリーカード版」の説明資料
PDF
ペーパータワーを拡張した経営シミュレーションゲーム「ペーパータワーforビジネス」説明資料
PDF
プロジェクトマネジメントを疑似体験できるボードゲーム研修「プロジェクトテーマパーク」説明資料
PDF
プログラミングを疑似体験できるパズル型カードゲーム「フローチャートパズル」の説明資料
PDF
営業を疑似体験できるビジネスゲーム研修「ヒアリングチャレンジ カード版」の説明資料
PDF
営業を疑似体験できるビジネスゲーム「ヒアリングチャレンジ オンライン」の説明資料
PDF
ダイバーシティ&インクルージョンを体験できる異文化コミュニケーションゲーム「バーンガ」の説明資料
PDF
チームビルディングに使える企業向けドミノレンタルサービス「ドミノ倒しゲーム」の説明資料
PDF
ジグソーメソッドを用いた地図作成を目的とした情報整理ゲーム「ジグソータウン」の説明資料
PDF
チームビルディングに使えるコンセンサスゲーム「砂漠からの脱出 オンライン版」の説明資料
PDF
チームビルディングに使えるコンセンサスゲーム「砂漠からの脱出 カード版」の説明資料
PDF
チームビルディングに使えるコンセンサスゲーム「雪山での遭難 オンライン版」の説明資料
PDF
チームビルディングに使えるコンセンサスゲーム「雪山での遭難 カード版」の説明資料
PDF
チームビルディングに使える危機管理コンセンサスゲーム「船長の決断 オンライン版」の説明資料
PDF
チームビルディングに使える危機管理コンセンサスゲーム「船長の決断 カード版」の説明資料
【2025年版】新入社員研修で使える楽しくかつ、学びのあるビジネスゲーム7選(ゲーム研修)
アウトドアでできるチームビルディング研修用ビジネスゲーム「ロゲイニングカード」説明資料
ジグソーメソッドを用いた情報整理グロープワーク「モンスタービルディング」の説明資料
ストレスマネジメントを疑似体験できるゲーム型メンタルヘルス研修「ストマネ」説明資料
ビジネスマナーをゲーム形式で疑似体験できる研修「マナーストーリーオンライン版」の説明資料
ビジネスマナーをゲーム形式で疑似体験できる研修「マナーストーリーカード版」の説明資料
ペーパータワーを拡張した経営シミュレーションゲーム「ペーパータワーforビジネス」説明資料
プロジェクトマネジメントを疑似体験できるボードゲーム研修「プロジェクトテーマパーク」説明資料
プログラミングを疑似体験できるパズル型カードゲーム「フローチャートパズル」の説明資料
営業を疑似体験できるビジネスゲーム研修「ヒアリングチャレンジ カード版」の説明資料
営業を疑似体験できるビジネスゲーム「ヒアリングチャレンジ オンライン」の説明資料
ダイバーシティ&インクルージョンを体験できる異文化コミュニケーションゲーム「バーンガ」の説明資料
チームビルディングに使える企業向けドミノレンタルサービス「ドミノ倒しゲーム」の説明資料
ジグソーメソッドを用いた地図作成を目的とした情報整理ゲーム「ジグソータウン」の説明資料
チームビルディングに使えるコンセンサスゲーム「砂漠からの脱出 オンライン版」の説明資料
チームビルディングに使えるコンセンサスゲーム「砂漠からの脱出 カード版」の説明資料
チームビルディングに使えるコンセンサスゲーム「雪山での遭難 オンライン版」の説明資料
チームビルディングに使えるコンセンサスゲーム「雪山での遭難 カード版」の説明資料
チームビルディングに使える危機管理コンセンサスゲーム「船長の決断 オンライン版」の説明資料
チームビルディングに使える危機管理コンセンサスゲーム「船長の決断 カード版」の説明資料

Image register for_h

  • 1. 1 Copyright (c) HEART QUAKE All rights reserved . 画像ファイルの登録
  • 2. 2 Copyright (c) HEART QUAKE All rights reserved . 処理理の流流れ 画像を指定する1 2 3 HTML HTMLから情報をもらう &画像をサーバーに転送 情報を登録する PHP SQL
  • 3. 3 Copyright (c) HEART QUAKE All rights reserved . 画像の登録(1/6) l  ゴールイメージ -  指定された画像情報をデータベースに登録する   ようなアプリケーションを作ってみましょう。 ⼊入⼒力力画⾯面 HTML
  • 4. 4 Copyright (c) HEART QUAKE All rights reserved . 画像の登録(2/6) l  ⼊入⼒力力された画像を指定しよう! -  まずは画像選択の⼊入⼒力力欄を表⽰示する この上は省略 <form action="image_input.php" method="POST" enctype="multipart/form-data" > 画像のファイル名を入力してください(最大64KByte) <input size="30" type="file" name="upfile"> <input type="hidden" name="MAX_FILE_SIZE" value="65536”> <br> <input type="submit" name="submit" value="送信”> </form> </body></html> 画像を指定するときは このように書く 画像はtype=”file” HTML 画像の最⼤大サイズを指定
  • 5. 5 Copyright (c) HEART QUAKE All rights reserved . 処理理の流流れ 画像を指定する1 2 3 HTML HTMLから情報をもらう &画像をサーバーに転送 情報を登録する PHP SQL
  • 6. 6 Copyright (c) HEART QUAKE All rights reserved . 画像の登録(3/6) l  画像データの登録に関して -  データベースに画像ファイルを保存するのではなく、 -  画像ファイル名だけをデータベースに保存する。 -  肝⼼心の画像ファイルはサーバーに保管する。 画像を指定する1 2 3 HTML HTMLから情報をもらう &画像をサーバーに転送 画像ファイル名は データベースに保管 PHP 4 画像ファイル⾃自体は サーバーに保管
  • 7. 7 Copyright (c) HEART QUAKE All rights reserved . 画像の登録(4/6) l  画像データの保存フォルダの作成 -  サーバー上に画像データ保存⽤用のフォルダを作成します 「…」フォルダをクリック1 2 右クリックして Create  directory 3 フォルダ名はimg 4 imgフォルダを右クリック してFile  permissionsを クリック 5 777にしてOK
  • 8. 8 Copyright (c) HEART QUAKE All rights reserved . 画像の登録(5/6) <?php $error = $_FILES['upfile']['error']; if ($error == 2){ echo "画像のサイズが大きすぎます!”; }else{ //画像を保管するサーバーのフォルダを指定する //FTP(FileZilla)ユーザ名部分はサーバー情報を見て変更すること! $dir = ’ /home/ユーザ名/public_html/img/’; $file = $dir.basename( $_FILES['upfile']['name'] ); //次のページでここにプログラムを追加する } ?> HTML側で指定した最⼤大サイ ズよりも画像のサイズが⼤大き い場合はエラーは2となる。 http://webtech-walker.com/ archive/ 2007/09/20143717.html PHP HTMLで指定された画像のファイル名は $_FILES[’HTMLで指定したname'] ['name'] に⼊入っている。
  • 9. 9 Copyright (c) HEART QUAKE All rights reserved . 画像の登録(6/6) //前のページの続き $file = $dir.basename( $_FILES['upfile']['name'] ); if(file_exists($file)){ echo "既に同名の画像が存在するため、別名にしてください。"; }else{ if( move_uploaded_file($_FILES['upfile']['tmp_name'], $file) ) { //データベースに画像ファイル名を登録するプログラムを書く }else{ echo "ファイルのアップロード失敗"; } } } ?> サーバーに同じファイル名の 画像があればエラーとする。 PHP move_uploaded_file関数 によって指定した画像ファイルが サーバーに保管=アップロードされる FileZillaで提出しているのとやっている ことは同じ。
  • 10. 10 Copyright (c) HEART QUAKE All rights reserved . お疲れ様でした!!