Comment ajouter layui à thinkphp5 pour implémenter la fonction de téléchargement d'images

De nombreux formulaires sur le site Web seront utilisés pour télécharger des images, des logos, des photos, et les utilisateurs téléchargeront également des images. À ce stade, le site Web a besoin d'une fonction pour télécharger des images, et après le téléchargement, j'espère le prévisualiser pour voir si c'est le cas. est téléchargé correctement.

Thinkphp5 plus layui implémente l'idée d'une fonction de téléchargement d'images (avec aperçu de l'image), transmet les images de manière asynchrone et les prévisualise, renvoie la valeur téléchargée de manière asynchrone dans le champ caché du formulaire, puis la soumet.

1. Importer des fichiers

Tout d'abord, il est nécessaire d'introduire les fichiers jQuery

2. Partie HTML

 
 上传图片  />  
 
 
 保存 
 
 

3 Implémentation de la fonction

4.

public function upload_img(){ $file = request()->file('file'); if($file==null){ exit(json_encode(array('code'=>1,'msg'=>'没有文件上传'))); } $info = $file->move(ROOT_PATH.'public'.DS.'uploads'); $ext = ($info->getExtension()); if(!in_array($ext,array('jpg','jpeg','gif','png'))){ exit(json_encode(array('code'=>1,'msg'=>'文件格式不支持'))); } $img = '/uploads/'.$info->getSaveName(); exit(json_encode(array('code'=>0,'msg'=>$img))); }

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!