【angular5项目积累总结】文件上传

<div class="form-group row">

          <label class="col-sm-2 col-form-label">会议Logo</label>

          <div class="col-sm-10">

            <dx-file-uploader selectButtonText="选择图片"

                              name="file"

                              [multiple]="false"

                              labelText=""

                              [uploadUrl]="uploadImgUrl"

                              uploadMode = "instantly"

                              (onUploaded)="onUploadSuccess($event,0)"

                              accept="image/*">

            </dx-file-uploader>

          </div>

        </div>

  onUploadSuccess(event: any, type:any) {

    console.log(event);

    if (event.request.readyState == 4 && event.request.status == 200 && event.request.response) {

      let responseObj = JSON.parse(event.request.response);

      let _url = responseObj['url'];

      let _blockblobName = responseObj['blockblobName'];

      if (!!_url && type == 0) {

        this.meetingObj['Logo'] = _url;

      }

      if (_url && _blockblobName && type >= 0) {

        let _mark = 0;

        this.uploadFileArray.map((item, index) => {

          if (item.type == type) {

            _mark = 1;

            this.uploadFileArray[index]['url'] = _url;

            this.uploadFileArray[index]['fileName'] = _blockblobName;

          }

        });

        !_mark && this.uploadFileArray.push({ type: type, url: _url, fileName: _blockblobName});

      }

    }

组件地址：https://js.devexpress.com/Demos/WidgetsGallery/Demo/FileUploader/FileUploading/Angular/Light/