domGetFiles.mjs

  1. import get from 'lodash-es/get.js'
  2. import each from 'lodash-es/each.js'
  3. import cdbl from './cdbl.mjs'
  6. /**
  7.  * 前端回傳Input元素所給予的檔案
  8.  *
  9.  * Unit Test: {@link https://github.com/yuda-lyu/wsemi/blob/master/test/domGetFiles.test.mjs Github}
  10.  * @memberOf wsemi
  11.  * @param {Element} ele 輸入Element Input元素
  12.  * @param {Number} [sizeMbLimit=1000] 輸入檔案大小上線，單位mb，預設為1000mb(約1g)
  13.  * @returns {Array} 回傳檔案陣列
  14.  * @example
  15.  * need test in browser
  16.  *
  17.  * let ele = document.querySelector('#id')
  18.  * let r = domGetFiles(ele)
  19.  *
  20.  */
  21. function domGetFiles(ele, sizeMbLimit = 1000) {
  23.     //check
  24.     sizeMbLimit = cdbl(sizeMbLimit)
  25.     if (sizeMbLimit <= 0) {
  26.         sizeMbLimit = 1000
  27.     }
  29.     //files
  30.     let errs = {}
  31.     let files = []
  32.     each(get(ele, 'files', []), function(file, k) {
  34.         //sizeB, 單位bytes
  35.         let sizeB = file.size
  37.         //sizeMb
  38.         let sizeMb = sizeB / 1024 / 1024
  40.         //check
  41.         if (sizeMb > sizeMbLimit) {
  43.             //push err
  44.             errs[k] = `file size[${sizeMb}]mb > ${sizeMbLimit}mb`
  46.         }
  48.         //push file
  49.         files.push(file)
  51.     })
  53.     return {
  54.         files,
  55.         errs,
  56.     }
  57. }
  60. export default domGetFiles