hdjs---1、hdjs爬坑杂记

一、总结

一句话总结：

对hdjs这种文档和完善都不是很好的插件，应该先在项目的空页面试，成功后再用到用了框架的项目中

1、hdjs4.0.18引入select2？

先在配置文件中注册select2，然后根据自定义模块中的select2使用即可

select2:'component/select2',

<script>

  require(['select2'],function (b) {

      b('.select2');

  });

</script>

define([

    'package/select2.min',

    'css!package/css/select2.min.css'

], function () {

    return function (el) {

        return $(el).select2();

    }

})

2、使用hdjs上传图片的时候报419错误（419 Sorry, your session has expired. Please refresh and try again.）？

* 419 认证超时：表示以前的有效证明已经失效了

* 原因是因为在lavarel中使用hdjs上传图片忘记加csrf-token验证了

419 认证超时

并不是HTTP标注的一部分，419认证超时表示以前的有效证明已经失效了。同时也被用于401未认证的替代选择为了从其 它被拒绝访问的已认证客户端中指定服务器的资源。

原因是因为在lavarel中使用hdjs上传图片忘记加csrf-token验证了

<meta name="csrf-token" content="{{csrf_token()}}">

3、对hdjs这种文档和完善都不是很好的插件，应该怎么使用？

先在项目的空页面试，成功后再用到用了框架的项目中

4、php glob函数作用（hdjs文件上传获取文件列表的时候需要）？

glob() 函数返回匹配指定模式的文件名或目录。该函数返回一个包含有匹配文件 / 目录的数组。如果出错返回 false。

/**

*传提供选择以往上传文件的功能，后台需要返回文件列表数据

* 获取已经上传图片数据

* @return array

*/

public function filesLists(){

  $files = glob('uploadImages/*/*');

  foreach ($files as $f) {

      $file   = asset($f);

      $data[] = [

          'url'        => $file,

          'path'       => $file,

          'size'       => filesize($f),

          'name'       => basename($f),

          'createtime' => date('Y-m-d', filemtime($f)),

      ];

  }

  return ['data' => $data,'code'=>0, 'page' => []];

}

例子 1

<?php

print_r(glob("*.txt"));

?>

输出类似：

Array

(

[0] => target.txt

[1] => source.txt

[2] => test.txt

[3] => test2.txt

)

5、jquery $.extend的作用是什么（hdjs上传图片时候合并参数）？

用于将一个或多个对象的内容合并到目标对象：$.extend( target [, object1 ] [, objectN ] )

define(['component/fileUploader', 'hdjs'], function (fileUploader, hdjs) {

    return function (callback, options) {

        //初始化参数数据mes

        options = options ? options : {};

        //初始化POST数据

        options.data = options.data ? options.data : {};

        let opts = $.extend({

            width: hdjs.isMobile() ? '95%' : 800,//宽度

            type: 'image',

            extensions: 'gif,jpg,jpeg,png',

            multiple: false,

            fileSizeLimit: 200 * 1024 * 1024,

            fileSingleSizeLimit: 2 * 1024 * 1024,

            compress: false,

            data: {},

            //后台上传处理地址

            uploader: ''

        }, options);

        fileUploader.show(function (images) {

            if (images.length > 0) {

                if ($.isFunction(callback)) {

                    callback(images);

                }

            }

        }, opts);

    }

})

二、内容在总结中