Maison > développement back-end > tutoriel php > laravel et ajax implémentent la fonction de téléchargement de fichiers

laravel et ajax implémentent la fonction de téléchargement de fichiers

小云云
Libérer: 2023-03-19 17:08:02
original
1542 Les gens l'ont consulté

Comme nous le savons tous, les premiers XMLHttpRequest ne prenaient pas en charge le téléchargement de fichiers, et des plug-ins js ou flash tiers étaient généralement utilisés. Vous pouvez désormais utiliser l'objet FormData de XMLHttpRequest niveau 2 pour réaliser le téléchargement de fichiers binaires. J'ai rencontré cette exigence au travail récemment, donc cet article est Laissez-moi résumer la méthode de mise en œuvre pour vous. Pas grand chose à dire, jetons un coup d'œil à l'introduction détaillée.

Exemple de code

@extends('layouts.art')
@section('content')

<form class="form-horizontal" id="avatar"> 
   {{ csrf_field() }}
 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">名字</label>
 <p class="col-sm-8">
  <input type="title" class="form-control" id="title" name="title">
 </p>
 </p>


 <p class="form-group">
 <label for="inputEmail3" class="col-sm-2 control-label">头像</label>
 <p class="col-sm-8">
  <input type="file" class="form-control" id="title" name="photo">
 </p>
 </p>


 <p class="form-group">
 <p class="col-sm-offset-2 col-sm-10">
  <a class="btn btn-default" onclick="uploadInfo()">上传</a>
 </p>
 </p>
</form>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> 
<script type="text/javascript"> 
function uploadInfo() { 
  var formData = new FormData($("#avatar")); 
  $.ajax({ 
   url: "{{url('photo')}}",
   type: 'POST', 
   data: formData, 
   contentType: false, 
   processData: false, 
   success: function (returndata) { 
    console.log(returndata); 
   }, 
   error: function (returndata) { 
    console.log(returndata); 
   } 
  }); 
} 

</script>

@endsection
Copier après la connexion
 //生成路径,图片存储
  $ext = $request->photo->getClientOriginalExtension();
  $cover_path = "images/album/covers/" . time() . $ext; 
  $name = "photo".time();
  $src = "images/album/photos/". $name .".jpg";
  Image::make($request->photo)->save(public_path($src));*/

 //批量上传图片

  foreach ($request->photo as $key => $value) {
   //生成路径,图片存储
   $prefix = "photo".mt_rand(1,1000);
   $Origname = $value->getClientOriginalName();
   $name = $prefix.$Origname;
   $src = "images/album/photos/".$name;
   $realPath = $value->getRealPath();
   Storage::disk('uploads')->put($src,file_get_contents($realPath));
  }
Copier après la connexion

Recommandations associées :

Comment implémenter des fonctions courantes de téléchargement de fichiers dans les pages Web PHP,

La fonction de téléchargement de fichiers PHP réalise le partage de code

Utilisation de JQuery pour réaliser la fonction de soumission asynchrone et de téléchargement de fichiers du formulaire

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:php.cn
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