承接 asayhome/asay-uploader 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

asayhome/asay-uploader

最新稳定版本:v0.0.1

Composer 安装命令:

composer require asayhome/asay-uploader

包简介

This package upload files inside liveware component array varible, that mean's you can upload multiple files, when adding file the package auto send the file object to fired event so that you can get uploaded files in any place you wont by catching the fired event, all working step will be descriped

README 文档

README

This package upload files inside liveware component array varible, that mean's you can upload multiple files, when adding file the package auto send the file object to fired event so that you can get uploaded files in any place you wont by catching the fired event, all working step will be descriped in next sections.

Arabic English

Requirements

This package require that livewire\livewire package it's already installed in your project.

Usage

composer require asayhome/asay-uploader
  • this package include styles and scripts need to be pushed in your blade, by default the package use after-scripts tag for scripts stack and after-styles for styles stack, you must added in your project layout like next:

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

or you can change this tags names by Publishing the package config file and change the value of:

pushed-styles-container pushed-scripts-container

inside blade file:

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

when selelcting file or drag and drop file will auto fire event uploaderChange that contain the all added fiels, you can change this event as you need by adding firedEvent='EventName' in the including uploader tags as next:

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

This event is livewire event you can get fired files inside blade file as follow:

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

Or you can get it inside livewire component by adding the event in inside component listeners array as follow:

 protected $listeners = ['uploaderChange'];

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

Publishing config

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

Publishing lang

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

Publishing views

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

Publishing assets

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

统计信息

  • 总下载量: 6
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 3
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • 开发语言: Blade

其他信息

  • 授权协议: Unknown
  • 更新时间: 2022-07-18

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固