利用laravel+ajax实现文件上传功能方法示例

Laravel  /  管理员 发布于 8年前   165

前言

大家都知道，早期的XMLHttpRequest不支持文件上传，一般用第三方js插件或者flash，现在可以借助XMLHttpRequest Level 2 的FormData对象实现二进制文件上传，正好最近工作中遇到了这个需求，所以本文就来给大家总结下实现的方法，话不多说了，来一起看看详细的介绍吧。

示例代码

@extends('layouts.art')@section('content')
    {{ csrf_field() }} 
 名字 
     
 头像 
     
 
  上传   @endsection

 //生成路径，图片存储  $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));  }

更多参考

https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/UsingFormDataObjects

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/UsingXMLHttpRequest#Submittingformsanduploading_files

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家的支持。

您可能感兴趣的文章:

• 教你一步步实现Android微信自动抢红包
• java模拟微信抢红包的实例代码
• IOS 实现微信自动抢红包（非越狱IPhone）
• 详解利用redis + lua解决抢红包高并发的问题
• js仿微信抢红包功能
• laravel框架实现后台登录、退出功能示例
• Laravel框架实现即点即改功能的方法分析
• laravel 实现用户登录注销并限制功能
• laravel框架关于搜索功能的实现
• Laravel框架实现利用中间件进行操作日志记录功能
• Laravel框架实现抢红包功能示例