ehel/laravelfileupload

Laravel 文件上传包,通过 Ajax 上传文件

0.4 2016-03-29 10:49 UTC

This package is not auto-updated.

Last update: 2024-09-14 19:03:58 UTC


README

# Laravel Ajax 文件上传

安装

首先,通过 Composer 安装此包

composer require ehel/laravelfileupload

然后,将 FileUploadServiceProvider 添加到 config/app.php 文件的 providers 数组中

'providers' => [
    //...
    Ehel\FileUpload\FileUploadServiceProvider::class,
    //...
];

接着,将类别名添加到 config/app.php 文件的 aliases 数组中

  'aliases' => [
    // ...
      'FileUpload' => Ehel\FileUpload\FileUploadFacade::class
    // ...
  ],

最后,运行

php artisan vendor:publish

使用方法

### 第一步:生成按钮

{!!FileUpload::buttons($uploadDirectory, $className) !!}

### 第二步:生成脚本

{!!FileUpload::script($uploadSuccess, $uploadFail, $deleteSuccess, $deleteFail, $ajaxUploadFail) !!}

## 注意:需要 jQuery 和 Bootstrap。

## 将文件路径保存到数据库:包会生成一个隐藏的输入框用于保存文件路径,这样您可以将文件路径保存到数据库中。

<input type="hidden" name="file_path" value="your_file_path">

## 示例

<!DOCTYPE html>
<html>
    <head>
        <title>Laravel</title>
        <meta name="csrf-token" content="{{ csrf_token() }}">
        <link href="bootstrap.min.css" rel="stylesheet"">     
    </head>
    <body>
        <div class="container">
                {!!FileUpload::buttons('photos','uploadButtons') !!}
        </div>
    </body>
    <script src="jquery-2.2.1.js"></script>

    <script>
        {!!FileUpload::script('console.log("Success");','console.log("Error");', 'console.log("Deleted");', 'console.log("Can\'t delete");', 'console.log("Here is an ajax error on upload");') !!}
    </script>
</html>