hdjs---一、hdjs爬坑雜記

hdjs---一、hdjs爬坑雜記

1、總結

一句話總結：

對hdjs這種文檔和完善都不是很好的插件，應該先在項目的空頁面試，成功後再用到用了框架的項目中

 

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

 

 

 

二、使用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()}}">

 

 

 

三、對hdjs這種文檔和完善都不是很好的插件，應該怎麼使用？

先在項目的空頁面試，成功後再用到用了框架的項目中

 

 

四、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
)

 

 

 

五、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);
    }
})

 

 

 

2、內容在總結中