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
*/
js合并两个数组
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] =>
[1] =>
[2] =>
[3] =>
)
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);
}
})
⼆、内容在总结中

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。