library upload

overphp/upload

laravel-upload

Laravel-upload 文件上传扩展包

laravel-upload 是一个用于文件异步上传的扩展包。, _(*1)

安装

安装扩展包

``` // 引入扩展包 composer require "overphp/upload":"1.*" composer update --prefer-dist, <sub>(*2)</sub>

// 发布资源文件 // 发布包文件 php artisan vendor:publish --tag=laravel-upload, <sub>(*3)</sub>

// 发布jquery上传插件（需要使用jquery.upload.js插件时发布） // 可选 php artisan vendor:publish --tag=laravel-upload-assets ```, <sub>(*4)</sub>

配置网络访问

默认上传文件存储在storage/app/public目录下，如果需要上传文件能够通过网络访问，需要创建 pulic/storage 到 storage/app/public 的符号链接。, <sub>(*5)</sub>

php artisan storage:link

参考 https://laravel.com/docs/5.5/filesystem, <sub>(*6)</sub>

必须修改 .env 文件 "APP_URL" 为实际的url，或者是设置为空（将会使用浏览器路径）, <sub>(*7)</sub>

使用中间件实现上传权限管理

默认任何人可以上传文件,如果需要进行上传权限控制，请自行定义中间件，并在 config/upload.php 中修改 middleware 的值为定义的中间件名称。, <sub>(*8)</sub>

 /**
   * 上传模块认证 middleware
   *
   * 文件上传需要的中间件名称，为空则允许任何用户上传文件
   */
   'middleware' => [],

参数配置

参数配置参考 config/upload.php 及注释内容, <sub>(*9)</sub>

使用上传后端

上传组件返回值示例

默认为json格式, <sub>(*10)</sub>

{
    "status": true, // 上传结果  true | false
    "message": "Uploaded successfully.", 
    "url": "/storage/file/20180717/63320412.png", 
    "name": "63320412.png",
    "original": "avatar5.png",
    "extension": ".png",
    "size": 7578
}

上传地址

• 文件上传url：/upload/file
• 图片上传url: /upload/image

自定义

请参考 Overphp\Upload\Upload.php 文件以及 Overphp\Upload\UploadController.php 文件。, <sub>(*11)</sub>

结合jquery.upload.js插件使用

jquery.upload.js 上传插件在 jquery.fileupload.js 插件基础上进行了简单封装。
同时依赖 layer.js 来进行加载层和消息提示。, <sub>(*12)</sub>

发布jquery.upload.js文件

如果需要修改插件发布的路径,可以修改upload.assets_path为需要的路径即可。, <sub>(*13)</sub>

php artisan vendor:publish --tag=laravel-upload-assets

jquery.upload.js 参数说明

使用插件

文件上传

<input type="hidden" id="file">
<input type="file" id="upfile" name="upfile">

// include jquery.js
@include('upload::upload')

图片上传

<img src="" id="image">
<input type="hidden" id="file">
<input type="file" id="upfile" name="upfile">

// include jquery.js
@include('upload::upload')

自定义回调

<input type="hidden" id="file">
<input type="file" id="upfile" name="upfile">

// include jquery.js
@include('upload::upload')