asayhome/asay-uploader

该包最新版本（v0.0.1）没有提供许可证信息。

该包在 liveware 组件的数组变量内上传文件，这意味着您可以上传多个文件。添加文件时，包会自动将文件对象发送到触发的事件，以便您可以在任何需要的地方捕获触发的事件。所有工作步骤将在下一部分中进行描述。

维护者

详细信息

github.com/asayhome/asay-uploader

源代码

问题

安装: 3

依赖: 0

建议者: 0

安全: 0

星星: 0

关注者: 1

分支: 0

公开问题: 0

语言:Blade

v0.0.1 2022-07-18 07:11 UTC

Unknown License 35e8395430912d34580ec3047e06aefde3939dff

  • Abdelrahman Saeed Elhassan <abdosaeedelhassan.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-18 13:09:59 UTC

README

该包在 liveware 组件的数组变量内上传文件，这意味着您可以上传多个文件。添加文件时，包会自动将文件对象发送到触发的事件，以便您可以在任何需要的地方捕获触发的事件。所有工作步骤将在下一部分中进行描述。

Arabic English

要求

该包需要 livewire\livewire 包已在您的项目中安装。

用法

composer require asayhome/asay-uploader
  • 该包包含需要推送到您的 blade 的样式和脚本，默认情况下，该包使用 after-scripts 标签用于脚本堆栈，使用 after-styles 标签用于样式堆栈，您必须将其添加到项目布局中，如下所示

@stack('after-styles') @stack('after-scripts')

或者，您可以通过发布包配置文件来更改这些标签的名称，并更改 blade 文件中 pushed-styles-container 和 pushed-scripts-container 的值

pushed-styles-container pushed-scripts-container

在 blade 文件中

 <livewire:asay-uploader
    id="imageUploader"
    language="ar"
    containerHeight="300px"
    imageHeight="100px"
    />

选择文件或拖放文件将自动触发 uploaderChange 事件，该事件包含所有添加的文件，您可以根据需要更改此事件，在包含上传标签中添加 firedEvent='EventName'，如下所示

 <livewire:asay-uploader
    id="imageUploader"
    language="ar"
    containerHeight="300px"
    imageHeight="100px"
    firedEvent="uploaderChange"
    />

这是一个 livewire 事件，您可以在 blade 文件中如下获取触发文件

<script>
        Livewire.on('uploaderChange',(fiels)=>{
            console.log(fiels);
        })
</script>

或者，您可以在 livewire 组件中获取它，通过在组件监听器数组中添加事件，如下所示

 protected $listeners = ['uploaderChange'];

 public function uploaderChange($fiels)
    {
        ...
    }

发布配置

php artisan vendor:publish --tag=asayuploader-config

发布语言

php artisan vendor:publish --tag=asayuploader-lang

发布视图

php artisan vendor:publish --tag=asayuploader-views

发布资源

php artisan vendor:publish --tag=asayuploader-assets