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);
}
})
二、内容在总结中
