如何使用Devextreme Angular文件上传器而不将数据上传到服务器上?

我想用Devextreme angular的文件上传组件用javascript解析一些数据,但是我好像找不到办法,不先把数据发布到服务器。

我可以用xlsx库和html在javascript中解析数据。input 标签及其 change 事件。

<input type='file' (change)="onSelectFile($event)" multiple>

和.ts:

onSelectFile(event) {
    if (event.target.files && event.target.files[0]) {
      const filesAmount = event.target.files.length;
      for (let i = 0; i < filesAmount; i++) {
        const reader = new FileReader();

        reader.onload = (event:any) => {

          const bstr: string = event.target.result;
          const data = <any[]>this.excelService.importFromFile(bstr);
          // data is ready
        };
        reader.readAsBinaryString(event.target.files[i]);
      }
    }
  }

我是否可以阻止文件上传器向服务器上传数据,这样我就可以在客户端先解析数据?我想使用这个组件,因为它提供了验证和正确的样式。

我想使用这个组件,因为它提供了验证和正确的样式。

解决方案:

你可以试试。

<dx-file-uploader
  selectButtonText="Upload File"
  labelText="or Drop here"
  accept="*"
  uploadMode="useForm"
  [allowCanceling]="true"
  (change)="handleInputChange($event)"
></dx-file-uploader>

给TA打赏
共{{data.count}}人
人已打赏
未分类

如何在postgresql中用逗号分割数值?

2022-9-8 16:19:41

未分类

Postman无法访问AAD保护的Asp.net core 3.1 restapi。401未授权

2022-9-8 16:19:43

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索