Étape 1 : Configurer les paramètres nécessaires
Dans le fichier de configuration config.php, vous devez d'abord définir des paramètres tels que le chemin de téléchargement du fichier, limiter la taille de l'image et le type de fichier. La configuration spécifique est la suivante :
return [ 'upload_path' => './uploads/', //上传文件路径 'img_max_size' => 2 * 1024 * 1024, //最大上传图片大小 'img_allow_types' => 'jpg,png,gif,jpeg', //允许上传的文件类型 ];
Étape 2 : Écrivez le code de téléchargement d'image
Dans ThinkPHP, nous pouvons implémenter la fonction de téléchargement d'image en utilisant la classe de téléchargement. Importez d'abord la classe de téléchargement :
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]; } }
Étape 3 : Appelez le code de téléchargement d'image
Ensuite, nous pouvons appeler le code de téléchargement d'image dans le contrôleur et obtenir le résultat du téléchargement :
public function uploadImage() { $result = (new ImageUpload())->upload(); echo json_encode($result); }
Enfin, il suffit d'utiliser ajax sur la page pour télécharger le fichier image sur le serveur :
<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) { //处理上传结果 }, error: function (xhr, textStatus, errorThrown) { console.log(errorThrown); } }); }); </script>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!