通用web图片上传封装

• 直接调用方法即可出发图片上传

  async chooseImage(count, camera, supportMultiple) {
    const _container = document.querySelector('body');
    const _lastInput = document.querySelector('#h5');
    if (_lastInput) {
      _container.removeChild(_lastInput);
    }
    const _chooseInput = document.createElement('input');
    _chooseInput.id = '#h5';
    _chooseInput.type = 'file';
    if (supportMultiple) {
      _chooseInput.multiple =true;
    }
    _chooseInput.accept = 'image/jpeg,image/jpg,image/png';
    _chooseInput.style = 'width: 1px; height: 1px; display: none;';
    //摄像头打开方式
    if (camera) {
      _chooseInput.setAttribute('capture', 'environment');
    }
    _container.appendChild(_chooseInput);
    const upload = new Promise((resolve, reject) => {
      _chooseInput.onchange = () => {
        if (_chooseInput.files && _chooseInput.files.length) {
          if (_chooseInput.files.length > count) {
            reject('图片数量超出限制');
            return;
          }
          resolve({ files: _chooseInput.files });
        } else {
          reject('未选择图片');
        }
        _container.removeChild(_chooseInput);
      };
    });
    _chooseInput.click();
    return upload;
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37