elementUI 上传文件图片大小加了限制后 仍然上传了

https://blog.csdn.net/chanlingmai5374/article/details/80558444  看了这位老哥的说法 在看看文档 才发现自己没认真看文档

<el-upload
          :beforeUpload="beforeAvatarUploadPdf"
</el-upload>

  


beforeAvatarUploadPdf(file){
    var testmsg=file.name.substring(file.name.lastIndexOf(‘.‘)+1)
                const extension = testmsg === ‘pdf‘ ||  testmsg === ‘PDF‘;

                const isLt50M = file.size / 1024 / 1024 < 50
                if(!extension ) {
                    this.$message({
                        message: ‘上传文件只能是pdf格式!‘,
                        type: ‘error‘
          });
          return false;//必须加上return false; 才能阻止
                }
                if(!isLt50M) {
                    this.$message({
                        message: ‘上传文件大小不能超过 50MB!‘,
                        type: ‘error‘
          });
         return false;
                }
                return extension ||  isLt50M
}

必须加上return false; 才能阻止

原文地址:https://www.cnblogs.com/tianmiaogongzuoshi/p/11063660.html

时间: 2024-10-08 08:15:49

elementUI 上传文件图片大小加了限制后 仍然上传了的相关文章

基于spring-boot的web应用,ckeditor上传文件图片文件

说来惭愧,这个应用调试,折腾了我一整天,google了很多帖子,才算整明白,今天在这里做个记录和分享吧,也作为自己后续的参考! 第一步,ckeditor(本博文论及的ckeditor版本4.5.6)的配置图片文件上传功能,默认这个是没有开启的,就不用多说,ckeditor官网上也说的很清楚!http://docs.ckeditor.com 下面简单的说下配置(配置文件algoConfig.js): 1 CKEDITOR.editorConfig = function( config ) { 2

js 判断上传文件的大小

原先加了一个qq群,群里有人问道有没有办法在浏览器端获得上传文件的大小并做出限制,我自己并不知道方法,我觉得是不可以的,我在群里提出自己的见解的同时也向别人提出如果就解决办法也想一起知道,直到一大神出现解决了这个问题,才明白解决办法,忽然觉得这群里还是能学到新东西的!废话不多说了. 这是js判断文件大小的方法. function CheckImage(FileUpload) { var isIE = /msie/i.test(navigator.userAgent) && !window.

一款简单实用的上传文件图片插件并且兼容移动端zyupload.js

1.下载zyupload插件包 包含的文件如下图: 2.在/images/fileType文件夹下定义上传文件的显示图标 如下图所示: 3.打开zyupload.js,修改上传后显示文件图标路径 如下图所示: 4.调用的JS代码 <link rel="stylesheet" href="~/Content/assets/css/zyupload-1.0.0.min.css"> <script type="text/javascript&q

限制上传文件的大小

HTML <div class="form-group">     <label class="col-sm-3 col-sm-6 control-label">图片</label>     <span class="problem-must"></span>     <div class="col-sm-8">         <a class=&

Windows服务器修改网站上传文件的大小限制

ASP程序 方法一: 修改该网站的的最大上传文件的大小限制 在Windows server上会出现上传大小受限制的问题,这是由于windows server的IIS管理器做了限制所致,IIS默认设置是最大只能上传200K的文件,下面介绍一下如何修改IIS设置,以使上传不受限制. 进入管理工具->Internet 信息服务(IIS)管理器,找到对应网站,打开该网站的功能页面,依次选择选择IIS->ASP->限制属性->最大请求主体实体限制.将其值修改为你需要的value,点击&quo

html5 如何实现客户端验证上传文件的大小

在HTML 5中,现在可以在客户端进行文件上传时的校验了,比如用户选择文件后,可以 马上校验文件的大小和属性等.本文章向码农介绍html5 如何实现客户端验证上传文件的大小,感兴趣的码农可以参考一下. 在HTML 5中,现在可以在客户端进行文件上传时的校验了,比如用户选择文件后,可以马上校验文件的大小和属性等,这其实时得益于浏览器端新增的对文件的校验能力,其中支持HTML 5的浏览器,都会实现W3C实现的文件API标准,其中可以读取客户端文件的各种信息和参数. 下面的例子如下,首先是HTML <

testlink 修改上传文件的大小限制

大家在使用testlink导入测试时,可能会遇到由于上传的文件太大,而不能上传的现象.当然建议大家在导入用例或者上传文件时,不要上传过大的文件,因为这样的速度确实非常慢.可是由于特殊的原因我们必须要导入或者上传大文件时怎么办呢? 这里主要修改两个参数: 1.打开文件config.inc.php,找到 $tlCfg->import_file_max_size_bytes = '409600';// in bytes $tlCfg->import_max_row = '10000'; // in

Android网络编程之使用HttpClient批量上传文件(二)AsyncTask+HttpClient并实现上传进度监听

请尊重他人的劳动成果,转载请注明出处: Android网络编程之使用HttpClient批量上传文件(二)AsyncTask+HttpClient并实现上传进度监听 运行效果图: 我曾在<Android网络编程之使用HttpClient批量上传文件>一文中介绍过如何通过HttpClient实现多文件上传和服务器的接收.在上一篇主要使用Handler+HttpClient的方式实现文件上传.这一篇将介绍使用AsyncTask+HttpClient实现文件上传并监听上传进度. 监控进度实现: 首先

js判断上传文件的大小,及确认文件是否在本地存在,兼容firefox、chrome、ie等浏览器

<pre name="code" class="javascript">上传图片文件的html标签 <input name="file" type="file" id="<span style="color:#ff0000;">file</span>" accept="image/gif,image/jpeg,image/png&quo