el-upload文件上传类型判断：.gz文件，出现不统一的解析

最新推荐文章于 2024-07-30 16:38:47 发布
最新推荐文章于 2024-07-30 16:38:47 发布
阅读量320 收藏
点赞数
文章标签： vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37777853/article/details/122608954
版权

.gz文件 解析出application/x-gzip ，但是有一台电脑解析的applicarion/gzip，引发了当时的类型检验的问题。

解决办法，说一种，领导帮忙想到的。不再读取file.type。

直接给组件添加accept属性。accept='.gz'

这样上传文件时，文件窗口默认限制这个类型。

后台限制文件上传类型(后台只做了文件name的后缀限制类型)

cocoholmes
关注
【OpenHarmony4.1 之 U-Boot 2024.07源码深度解析】006 - Makefile 编译脚本 逐行深度解析
|~~~热爱生活、努力学习的小伙汁~~~|
06-15 473
【OpenHarmony4.1 之 U-Boot 2024.07源码深度解析】006 - Makefile 编译脚本 逐行深度解析
分布式文件系统FastDFS
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
09-08 6632
概述 FastDFS是一个开源的轻量级分布式文件系统，是我国一款开源的分布式文件系统 由阿里巴巴开发，其真题架构由跟踪服务器（tracker server）、存储服务器（storage server）和客户端（client）三个部分组成，主要解决了海量数据存储问题，特别适合以中小文件（建议范围：4KB < file_size <500MB）为载体的在线服务。 特点： 1>Fast......
element el-upload文件上传时，mac笔记本无法获取到file.type，就无法校验到上传的文件类型
Meraln的博客
06-02 3155
今天项目中碰到了在使用el-upload时，mac笔记本无法获取到钩子函数的before-upload方法中的file回调参数中的type属性，就无法去进行校验，然后就换成了去校验file.name，判断是否以 .xlsx 和 .xls结尾的excel文件 beforeUpload (file: any) { const uploadFileSize: boolean = file.size / 1024 / 1024 < 10 const fileType: boolean = f
el-upload指定上传图片类型、尺寸、大小
ch_ss的博客
01-18 1329
el-upload指定上传图片类型、大小、尺寸
【vue2+elementui】记录el-upload上传文件时控制文件格式，并在上传文件格式不合规则时做出提示且阻止文件上传
最新发布
bbt953的博客
07-30 357
记录el-upload上传文件时控制文件格式，并在上传文件格式不合规则时做出提示且阻止文件上传
element-plus中el-upload组件限制上传文件类型
m0_48308579的博客
03-01 1256
PowerPoint演示文稿：application/vnd.ms-powerpoint。RAR压缩包：application/x-rar-compressed。7z压缩包：application/x-7z-compressed。tar压缩包：application/x-tar。ZIP压缩包：application/zip。PDF文档：application/pdf。AVI视频：video/x-msvideo。WMV视频：video/x-ms-wmv。JPEG图片：image/jpeg。
Element-Ui入门教学——＜el-upload＞限制上传文件类型
计算机硕士的博客
11-10 4771
Element-Ui入门教学——限制上传文件类型。
el-upload上传文件类型大小限制+手动上传+通过后端给的接口带参数_el-upload 文件类型
2401_85124682的博客
06-12 549
上传配置。
23.网络文件共享服务
qq_39544887的博客
03-13 2818
1 存储类型 存储类型分为三种 直连式存储：Direct-Attached Storage，简称DAS 存储区域网络：Storage Area Network，简称SAN 网络附加存储：Network-Attached Storage，简称NAS 1.1 DAS存储 DAS存储是最常见的一种存储方式，尤其是在中小企业应用中。PC中的硬盘或只有一个外部SCSI接口的JBOD都属于DAS架构。DAS是指存储设备直接连接到服务器总线上，存储设备只与一台独立的主机连接，其他主机不能使用这个存储设备。DAS存
linux常用命令-part3
热门推荐
chinayuan的专栏
05-01 2万+
中文怎么发音 Ubuntu 有奔头，乌版图 Fedora 费德勒，菲朵拉 Debian 迪扁，德槟 CentOS 桑托斯 森头斯       Linux发展历史: 1) RedHat ---> 1.RedHat                2.CentOS                3.Fedora  桌面图形系统        rpm, yum 命令 2)
linux常用命令-part2
chinayuan的专栏
05-01 2万+
Ubuntu,Fedora,Debian,CentOS中文怎么发音 有奔头， 费德勒， 迪扁， 桑托斯。 乌版图 菲朵拉 德槟 森头斯 ================================ 使用find和wc命令统计代码行数 ================================ wc -l `find . -name "*.js" | xargs`
application.tar.gz
06-15
华为RH2288 V5服务器，貌似官方说不支持centos7.2，所以装7.2的时候有些板载的网卡识别不了，通过ibmc查看板载网卡芯片型号为x722的，经过适配，这个资源一键执行脚本就可以激活，完全适配可用 这个包有3个文件（install_network.sh、ixx-2.10.19.82.tar.gz、package.tar.gz），安装时，给install_network.sh执行权限，直接执行即可
upload-site:通过 HTTP POST 接收其所有内容的 tar.gz 存档来部署静态站点
07-02
上传站点 通过 HTTP POST 接收其所有内容的 tar.gz 存档来部署静态站点。 配置 编辑UploadSiteConfig.example.pm ，并保存为UploadSiteConfig.pm在同一目录UploadSite.pl 。 确保您拒绝使用以下内容访问配置文件（对于 Apache）： <Files> Order allow,deny Deny from all </Files> 用法 使用以下命令发送指向此脚本的 POST 请求： 静态站点中所有文件的 gzip tar 存档作为请求正文， 存档的 HMAC-SHA1 身份验证代码，使用与配置数据中相同的密钥作为X-Signature标头。 该脚本仅使用身份验证代码验证数据，如果验证通过，则将其提取到指定目录。
vue2.0- 上传文件格式后缀校验--element-ui中el-upLoad组件-
weixin_62355341的博客
03-19 4381
1.绑定上传文件之前的钩子 2.在文件上传前钩子中写校验 file：自带的参数，关于上传文件的一些属性，文件name，type什么的 acceptFileType：自己定义了一个支持的文件格式的数组，方便后期更改。 type：为什么是file.name而不是file.type呢？就是因为有些文件type读取不到值的，name容错率更低， file.name.split(".")：字符串转数组，以 . 分隔。所以变成了['文件名','后缀']例如['简历'，'docx'] ...
6.Linux压缩解压命令
weixin_42126028的博客
09-01 153
压缩解压命令 一、命令名称: gzip–只能压缩文件，且不保留源文件 1. 压缩 命令英文原意: GNU zip 命令所在路径: /bin/gzip 执行权限:所有用户 语法: gzip[文件] 功能描述: 压缩文件 压缩后文件格式: .gz 范例： # 压缩前 [root@instance-tg0skfi7 tmp]# ls A files index.html init Init InIt INIT issue.hard issue.soft # 压缩index.html [root@
根据后缀名/扩展名获取content-type/Mime类型
过于丰富，无法简介
11-02 3396
建议使用枚举类来处理对应关系，清晰明了简单易用 其中StringUtils可以使用lang3的工具类也可以自己封装，lang3的依赖地址如下；另使用了lombok添加Get方法 <!--工具类Lang3--> <dependency> <groupId>org.apache.commons</groupId> <artifactId>commons-lang3</
python分片上传流下载_python表单流式上传gzip格式文件代码
weixin_30446557的博客
01-29 220
# coding=utf8import requestsfrom uuid import uuid4import osfrom requests_toolbelt.multipart.encoder import MultipartEncoderimport sysconn = requests.Session()login_data = {'username': username,'passwd...
第十六篇 难点突破之 Vue 中使用 ElementUi el-upload 进行手动上传文件 限制上传文件类型 大小 同名等进行限制
Yzt_199626的博客
06-06 5762
个人在做文件上传功能的时候，踩过不少的坑，特在此记录下，方便后续的查阅，也帮助有需要的朋友查阅。 实现的功能有：文件类型上传类型限制、文件大小限制、文件总大小限制、文件
vue使用el-upload组件上传附件，文件压缩上传、文件类型限制、文件上传个数限制、文件预览下载等功能
m0_46577631的博客
07-26 5174
el-upload组件上传文件，包括限制文件类型、限制文件大小、限制文件上传个数、文件预览下载等功能
el-upload 判断文件类型
07-28
对于 el-upload 组件来说，你可以通过设置 accept 属性来限制文件类型。该属性接受一个字符串或数组，用于指定允许上传的文件类型。 如果你只想接受特定的文件类型，你可以将 accept 设置为相应的 MIME 类型。例如，如果你只想接受图像文件，你可以这样设置： ``` <el-upload accept="image/*"></el-upload> ``` 这将限制用户只能选择图像文件进行上传。 如果你想接受多种文件类型，你可以将 accept 设置为一个包含多个 MIME 类型的数组。例如，如果你想接受图像和视频文件，你可以这样设置： ``` <el-upload :accept="['image/*', 'video/*']"></el-upload> ``` 这样设置后，用户就只能选择图像或视频文件进行上传。 希望这个回答能够帮到你！如果你还有其他问题，请继续提问。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值