In Web development, image uploading is often used as one of the necessary functions, and ThinkPHP, an open source framework based on PHP, provides a variety of methods to implement the image uploading function. Below we will introduce an image upload implementation method based on ThinkPHP.

Step one: Configure necessary parameters

In the configuration file config.php, we need to first configure parameters such as upload file path, image size limit, and file type limit. The specific configuration is as follows:

return?[
????'upload_path'?=>?'./uploads/',?//上傳文件路徑
????'img_max_size'?=>?2?*?1024?*?1024,?//最大上傳圖片大小
????'img_allow_types'?=>?'jpg,png,gif,jpeg',?//允許上傳的文件類型
];

Step 2: Write the image upload code

In ThinkPHP, we can implement the image upload function by using the upload class. First import the upload class:

use?think\facade\Request;
use?think\facade\Filesystem;

class?ImageUpload
{
????public?function?upload()
????{
????????$img_file?=?Request::file('img');?//獲取上傳的圖片文件
????????$img_path?=?config('upload_path');?//獲取上傳路徑
????????$max_size?=?config('img_max_size');?//獲取最大文件尺寸
????????$allow_types?=?config('img_allow_types');?//獲取允許上傳的類型

????????//判斷上傳文件是否有效、大小是否符合、類型是否正確
????????if?(!$img_file->isValid())?{
????????????return?['code'?=>?1,?'msg'?=>?'上傳圖片無效'];
????????}

????????if?($img_file->getSize()?>?$max_size)?{
????????????return?['code'?=>?2,?'msg'?=>?'上傳圖片大小超過限制'];
????????}

????????if?(!in_array($img_file->extension(),?explode(',',?$allow_types)))?{
????????????return?['code'?=>?3,?'msg'?=>?'上傳圖片類型不支持'];
????????}

????????//上傳文件
????????$file_info?=?$img_file->move($img_path);
????????if?($file_info?===?false)?{
????????????return?['code'?=>?4,?'msg'?=>?'上傳圖片失敗，請重試'];
????????}

????????//返回上傳成功信息
????????$file_name?=?$file_info->getSaveName();
????????$file_url?=?Filesystem::getDiskConfig('public',?['url'?=>?'/'])->getVisibility()->url($img_path?.?$file_name);
????????return?['code'?=>?0,?'msg'?=>?'上傳圖片成功',?'url'?=>?$file_url];
????}
}

Step 3: Call the image upload code

Next, we can call the image upload code in the controller and get the upload result:

public?function?uploadImage()
{
????$result?=?(new?ImageUpload())->upload();
????echo?json_encode($result);
}

Finally, we only need to use ajax in the front-end page to upload the image file to the server:

<form id="image-form" action="/uploadImage" method="post" enctype="multipart/form-data">
????<input type="file" id="img-file" name="img" accept="image/*">
????<button type="submit">上傳</button>
</form>

<script>
$(document).on('submit',?'#image-form',?function?(event)?{
????event.preventDefault();?
????var?formData?=?new?FormData(document.getElementById('image-form'));
????$.ajax({
????????url:?'/uploadImage',
????????type:?'post',
????????data:?formData,
????????contentType:?false,
????????processData:?false,
????????dataType:?'json',
????????success:?function?(res)?{
????????????//處理上傳結(jié)果
????????},
????????error:?function?(xhr,?textStatus,?errorThrown)?{
????????????console.log(errorThrown);
????????}
????});
});
</script>

In summary, through the above steps, the image upload function based on ThinkPHP has been completed.

The above is the detailed content of How to upload pictures in thinkphp. For more information, please follow other related articles on the PHP Chinese website!