js、vue上传限制选择文件的格式

在选择上传文件的时候 只显示已设置的文件格式，其它格式的文件不显示

js方法 ：通过accept属性设置，

<input   type ="file"  accept="image/jpg, image/png, image/jpeg, image/gif">

vue方法也是用accept属性，但格式只需要用后缀名就行

 

<el-upload
              multiple
              class="upload-demo"
              ref="upload"
              action="#"
              :on-change="onChange"
              :on-remove="onRemove"
              :file-list="fileList"
              :auto-upload="false"
              accept=".png, .jpg, .jpeg"
            >
              <el-button slot="trigger" size="small" type="primary" plain
                >选取文件</el-button
              >
            </el-upload>