Bootstrap PHP 上傳功能簡介
Bootstrap是一個非常流行的前端框架,而在Web開發中,文件上傳也是非常頻繁的操作。Bootstrap結合PHP的后端語言進行文件上傳,可以實現一些非常強大的功能,比如限制上傳文件類型、文件大小、后綴名等。本文將介紹如何使用Bootstrap PHP上傳組件。
HTML文件上傳代碼
在Bootstrap中,你需要引用一些CSS和JS文件才能運行上傳功能。前端核心代碼如下所示:
```
label for="file-upload" class="btn btn-primary"
i class="fa fa-upload" /i
span data-translate="上傳照片"/span
input id="file-upload" name="file-upload" type="file" style="display: none;"/>```
這個元素用的是一個選項卡(tabs)的樣式,在多種類型的文件上傳中使用,樣式可以根據需求自定義。
PHP文件上傳代碼
在這個例子中,PHP文件上傳代碼應該是如下所示的:
```0)
{
echo "Error: " . $_FILES["file-upload"]["error"] . "
"; } else { echo "Upload: " . $_FILES["file-upload"]["name"] . "
"; echo "Type: " . $_FILES["file-upload"]["type"] . "
"; echo "Size: " . ($_FILES["file-upload"]["size"] / 1024) . " Kb
"; echo "Stored in: " . $_FILES["file-upload"]["tmp_name"]; } ?>``` 這段代碼將會通過php函數來實現文件上傳,如果有錯誤,將會輸出其錯誤代碼,否則將會展示如下信息:上傳的文件名、文件類型、文件大小,還有一些其他的信息。 限制上傳文件類型 在PHP中,它提供了一個MIME類型來限制上傳文件的類型。如果想做到這一點,修改代碼如下: `````` 這將強制檢查MIME類型是否為“image/png”。如果不是,則將輸出合適的錯誤信息。 限制上傳文件大小 PHP還可以通過修改php.ini文件來限制上傳文件大小。例如: ``` ;php.ini: upload_max_filesize = 10M ``` 這將強制限制每一次上傳不能超過10MB。 上傳多個文件 想上傳多個文件,HTML中的代碼需要更改,如下所示: ``` label for="file" class="btn btn-primary" i class="fa fa-upload" /i span data-translate="加入照片"/span input multiple="multiple" name="file[]" id="file" type="file" style="display:none;" ``` 需要修改的是“input”的名字和id,現在它們分別為“file[]”和“file”。PHP中的代碼也需要增加。例如: `````` 這將迭代所有上傳的文件,并將它們存儲在“/uploads/”目錄中。它還通過使用會話(session)來存儲一個數組變量“$_SESSION['files']”內。 結論 Bootstrap PHP上傳文件組件是一個有用的工具,它可以通過前端和后端技術來實現文件上傳。本文通過舉例說明,希望您能夠深入了解這個強大的功能,以及如何在Web應用程序中使用它。
"; } else { echo "Upload: " . $_FILES["file-upload"]["name"] . "
"; echo "Type: " . $_FILES["file-upload"]["type"] . "
"; echo "Size: " . ($_FILES["file-upload"]["size"] / 1024) . " Kb
"; echo "Stored in: " . $_FILES["file-upload"]["tmp_name"]; } ?>``` 這段代碼將會通過php函數來實現文件上傳,如果有錯誤,將會輸出其錯誤代碼,否則將會展示如下信息:上傳的文件名、文件類型、文件大小,還有一些其他的信息。 限制上傳文件類型 在PHP中,它提供了一個MIME類型來限制上傳文件的類型。如果想做到這一點,修改代碼如下: `````` 這將強制檢查MIME類型是否為“image/png”。如果不是,則將輸出合適的錯誤信息。 限制上傳文件大小 PHP還可以通過修改php.ini文件來限制上傳文件大小。例如: ``` ;php.ini: upload_max_filesize = 10M ``` 這將強制限制每一次上傳不能超過10MB。 上傳多個文件 想上傳多個文件,HTML中的代碼需要更改,如下所示: ``` label for="file" class="btn btn-primary" i class="fa fa-upload" /i span data-translate="加入照片"/span input multiple="multiple" name="file[]" id="file" type="file" style="display:none;" ``` 需要修改的是“input”的名字和id,現在它們分別為“file[]”和“file”。PHP中的代碼也需要增加。例如: `````` 這將迭代所有上傳的文件,并將它們存儲在“/uploads/”目錄中。它還通過使用會話(session)來存儲一個數組變量“$_SESSION['files']”內。 結論 Bootstrap PHP上傳文件組件是一個有用的工具,它可以通過前端和后端技術來實現文件上傳。本文通過舉例說明,希望您能夠深入了解這個強大的功能,以及如何在Web應用程序中使用它。