hdjs---1、hdjs爬坑杂记

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({
             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);
    }
})

二、内容在总结中