zoukankan      html  css  js  c++  java
  • Angular2 判断上传的.txt文件内容是不是对象 如果上传文件列表有一个了 则替代之前的文件 如果上传文件不是.txt文件 则清空上传文件列表

         if(this.documentUpload.substr(0,1) == '{' && this.documentUpload.substr(-1,1) == '}'){}
     
       if(this.fileList.length > 1){
           this.fileList = this.fileList.slice(-1);
         }
       this.fileList = [];
    ---------------------------------------------------------------------------------------------
    const filterFiles = fileLists.filter(w => ~['text/plain'].indexOf(w.type));
    ---------------------------------------------------------------------------------------------
      filterPic: UploadFilter[] = [           //过滤器  上传列表数量的限制
        {
          name: 'type',
          fn: (fileListPic: UploadFile[]) => {
            // var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"];
            const filterFiles = fileListPic.filter(w => ~['image/png','image/jpeg','image/gif','image/bmp'].indexOf(w.type));
            // const filterFiles = fileLists.filter(w => ~["/txt","/doc"].indexOf(w.type));
            if (filterFiles.length !== fileListPic.length) {
              this.msg.error(`包含文件格式不正确,只支持image/png,image/jpeg,image/gif,image/bmp格式`);
              return filterFiles;
            }
            return fileListPic;
          }
        },
        {
          name: 'async',
          fn: (fileListsPic: UploadFile[]) => {
            return new Observable((observer: Observer<UploadFile[]>) => {
              // doing
              observer.next(fileListsPic);
              observer.complete();
            });
          }
        }
      ];
    ---------------------------------------------------------------------------------------------
      <div nz-row class="serveKey">
        <div nz-col nzSpan="1"></div>
        <div nz-col nzSpan="18">
          <nz-upload
            [nzFileType]="'image/png,image/jpeg,image/gif,image/bmp'"
            [nzAction]="url + '/publish/upload/pic'"
            [nzFileList]="fileListPic"
            [nzFilter]="filterPic"
            nzMultiple
            [nzLimit]="2"
            (nzChange)="picChange($event)"
          >
            <button nz-button style="margin: 0;"><i nz-icon nzType="upload"></i><span>图片上传</span></button>
          </nz-upload>
          <span *ngIf="ngText&&publish.imagePath == ''" style="margin-top:5px;display: block;color: #f5707a;">不能为空</span>
    
        </div>
        <div nz-col nzSpan="1">
          <div *ngIf="publish.imagePath !== ''" style="display:inline-block;vertical-align:middle;margin-left: 6px;">
            <i nz-icon  [nzType]="'check-circle'" [nzTheme]="'twotone'" [nzTwotoneColor]="'#52c41a'"></i>
          </div>
        </div>
      </div>
    

      

     
  • 相关阅读:
    css最简单的在背景图片上显示模糊背景色的方法
    css添加网格背景
    获取bing必应图片
    JavaScript超过一定高度导航添加类名
    6行css就可以解决的瀑布流布局的方法
    css实现背景图横向滚动
    JavaScript根据一个元素的显示隐藏控制另一个元素的显示和隐藏
    JavaScript判断地址栏链接与导航栏链接是否一致并给导航添加class
    JavaScript实现选中文字自动复制
    Day 74 算法基础(二)
  • 原文地址:https://www.cnblogs.com/zhanglanzuopin/p/12603359.html
Copyright © 2011-2022 走看看