承接 zl0314/jq-batch-upload 相关项目开发

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

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

zl0314/jq-batch-upload

Composer 安装命令:

composer require zl0314/jq-batch-upload

包简介

Laravel5.5 more pictures upload

README 文档

README

详细内容见: http://zlong.xin/posts/146.html
#########################################
1、在config/app.php的providers数组中加入:Jq\BatchUpload\JqBatchUploadServiceProvider::class,

2、在用到上传轮播图的地方加入如下代码:
<div class="form-group">
    <label for="">轮播图</label>
    <div class="box" id="box"> </div>
</div>

        @include('BatchUpload::header')
		<!--如果要用到排序,请去掉注释-->
        <!--<script src="/path/to/jquery/jquery-ui.js"></script>-->
        <script type="text/javascript">
            var imgFile = new ImgUploadeFiles('#box', function (e) {
                this.init({
                    MAX: 30, //限制个数
                    inputName: 'pics[]',
                    imgList: '{!! !empty($model->pics) ? json_encode($model->pics) : (old('pics')?json_encode([old('pics')]):'') !!}',
                    MH: 588, //像素限制高度
                    MW: 1170, //像素限制宽度
                    TitleName: '轮播图',
                    allowSize: '{{intval(ini_get('upload_max_filesize'))*1024*1024}}',
                    callback: function (dom) {
                        $.post('/jq-batch-upload/upload', {src: this.imgSrc}, function (res) {
                            if (res.success == 1) {
                                $(dom).attr('realsrc', res.src);
                                $(dom).find('input').val(res.src);
                            } else {
                                alert(res.message);
                            }
                        }, 'json');
                    },
                    remove: function (id) {
                        var realsrc = $('#batch_upload_' + id).attr('realsrc');
                        $.post('/jq-batch-upload/delete', {src: realsrc}, function (res) {

                        }, 'json');
                    }
                });
            });
        </script>
        <script>
			//如果要用到排序,请开启
            //$(function () {
            //    $("#sortable").sortable();
            //});
        </script>

统计信息

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

GitHub 信息

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

其他信息

  • 授权协议: MIT
  • 更新时间: 2018-05-03

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固