Maison > cadre php > PensezPHP > le corps du texte

Comment télécharger des images dans thinkphp

WBOY
Libérer: 2023-05-29 11:06:23
avant
1698 Les gens l'ont consulté

É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', //允许上传的文件类型
];
Copier après la connexion

É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];
    }
}
Copier après la connexion

É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);
}
Copier après la connexion

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(&#39;submit&#39;, &#39;#image-form&#39;, function (event) {
    event.preventDefault(); 
    var formData = new FormData(document.getElementById(&#39;image-form&#39;));
    $.ajax({
        url: &#39;/uploadImage&#39;,
        type: &#39;post&#39;,
        data: formData,
        contentType: false,
        processData: false,
        dataType: &#39;json&#39;,
        success: function (res) {
            //处理上传结果
        },
        error: function (xhr, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    });
});
</script>
Copier après la connexion

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!

Étiquettes associées:
source:yisu.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal