10-3 實做3

1. 另開一列

   
           <div class="row">
             
           </div>

    

2. fontawesome 介紹
   當我們安裝完 fontawesome，前台上方選單bar的左邊，應該就會出現圖示
3. fontawesome-iconpicker 介紹
   在後台，安裝fontawesome 選擇器，讓用戶可以直接下直選擇，而不用再去網頁查詢代碼
4. 圖示
   程式 - 預設值

   
     $row['icon'] = isset($row['icon']) ? $row['icon']: "fa-facebook";

   
   樣板

     
             <div class="col-sm-3">
               <div class="form-group">
                 <label for="icon">圖示</label>
                 <div class="input-group iconpicker-container">
                   <input type="text" data-placement="bottomRight" class="form-control icp icp-auto iconpicker-element iconpicker-input" id="icon" name="icon" value="<{$row.icon}>">
                   <span class="input-group-addon"><i class="fa <{$row.icon}>"></i></span>
                 </div>
               </div>            
             </div>

5. 圖片：表單若有用到上傳，記得在 <form> 加上 「 enctype="multipart/form-data"」 
   樣板

   
             <div class="col-sm-3">
               <div class="form-group">
                 <label for="pic">圖片<span>(800x449)</span></label>                               
                 <input type="file" name="pic" accept="image/*" class="form-control">
               </div>
             </div> 

一、PHP上傳

1. 透過表單，將檔案或圖片，上傳至伺服器的暫存區，系統會給一個臨時的檔名
2. 我們在將該檔移至指定的位置即可

二、表單

1. 在 form的標籤 加上 「enctype="multipart/form-data"」才能進行上傳檔案
2. 在 input的 type設成 "file" =>「type="file"」
3. input 的屬性 accept="image/*" 則只接受圖檔上傳
   http://www.iana.org/assignments/media-types/media-types.xhtml
4. 當表單送出後，接收端會產生 $_FILES 超級全域變數
   $_FILES['column']['name']：檔案名稱
   $_FILES['column']['type']：檔案的MIME類型，例如image/gif
   $_FILES['column']['size']：檔案大小
   $_FILES['column']['tmp_name']：暫存檔名稱
   $_FILES['column']['error']：錯誤訊息
5. move_uploaded_file($_FILES['column']['tmp_name'],"新的位置/檔案名稱")