前端js客户端判断文件大小限制上传。后端java判断文件大小限制上传。

最新推荐文章于 2023-02-14 15:51:03 发布
最新推荐文章于 2023-02-14 15:51:03 发布
阅读量3k 收藏 6
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jack_rose_me/article/details/81669389
版权 
<html>
<head> 
<script type="text/javascript">
var isIE = /msie/i.test(navigator.userAgent) && !window.opera; 
function fileChange(target) { 
	var fileSize = 0; 
	if (isIE && !target.files) { 
		var filePath = target.value; 
		var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); 
		var file = fileSystem.GetFile (filePath); 
		fileSize = file.Size;
		alert(fileSize);
	} else { 
		fileSize = target.files[0].size; 
		console.log(fileSize); 
	}
		var size = fileSize / 1024;
		if(size>20000){
			document.getElementById("upfileSubmit").disabled=true;
			alert("附件不能大于20M,请重新选择！");
		}
	else
	{
		document.getElementById("upfileSubmit").disabled=false;
	}
}
</script>
</head>
<body>

<form name="form" method="post" action="" enctype="multipart/form-data" >
    <input type="file" name="filename" size="20" onchange="fileChange(this);">
    <input type="submit" value="上传" name="Send" id="upfileSubmit">
</form>
</body>
</html>

 

     

        String size = ""; 
	    if(f.exists() && f.isFile()){
	    long fileS = f.length();
	      DecimalFormat df = new DecimalFormat("#.00"); 
	           if (fileS < 1024) {
	               size = df.format((double) fileS) + "BT";
	           } else if (fileS < 1048576) {
	               size = df.format((double) fileS / 1024) + "KB";
	           } else if (fileS < 1073741824) {
	               size = df.format((double) fileS / 1048576) + "MB";
	           } else {
	               size = df.format((double) fileS / 1073741824) +"GB";
	           }
	    }else if(f.exists() && f.isDirectory()){
	    size = "";
	    }else{
	    size = "0BT";
	    }

    /***********************************************************************/

        // 计算文件上传的大小      @RequestParam("file") MultipartFile file

		MultipartFile files = file; 
        CommonsMultipartFile cf= (CommonsMultipartFile)file; 
        DiskFileItem fi = (DiskFileItem)cf.getFileItem(); 
        File f = fi.getStoreLocation();
              
	    if(f.exists() && f.isFile()){
	    long fileS = f.length();
	    DecimalFormat df = new DecimalFormat("#.00"); 
      		if (fileS < 1073741824) {
      			String size = df.format((double) fileS / 1048576); // + "MB"
      			// Integer intSize = Integer;

				if(size != null){
					Double  intSize = Double.parseDouble(size.trim());
	      			if (intSize > 20) {  // 不能上传超过20M的文件!
	      				 
	      				return ControllerUtils.error("不能上传超过20M的文件!");
	      			}
				}
           } 
	    }

 

林间风雨
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS 判断上传 文件 大小
dz45693的专栏
01-11 3082
随着HTML5 的发展，我们可以用file控件的size属性来获取客户端 上传文件的大小，但是 我今天测试 发现IE10支持，IE11的某个版本不支持， 于是就借用img控件来加载一此， 以此来获取文件大小。整个code 如下： File API Demo
前端JS加密，后端JAVA解密实例.rar
05-23
这个"前端JS加密，后端JAVA解密实例.rar"文件提供了一个很好的实践案例，展示了如何在客户端（前端）使用JavaScript进行数据加密，然后在服务器端（后端）使用Java进行解密，确保数据在传输过程中的安全性。...
客户端js判断文件类型和文件大小即限制上传大小
zhangyubababa的博客
05-28 356
```css <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit.
使用JS判断上传文件大小
热门推荐
12-28 1万+
项目input type=”file” 需要判断上传的文件大小，避免提交去后台判断反应较慢，直接上代码： <li><span>版本上传：</span> <img id="tempimg" dynsrc="" src="" style="display:none" /> <input type="file" id="file" name="fil
前端知识 -- JS获取上传文件信息
Hinsion的博客
08-21 2418
&lt;form action=""&gt; &lt;input type="file" id="photo" &gt; &lt;input type="submit" onclick="lastname()"&gt; &lt;span id="aa"&gt;&lt;/s
js客户端判断文件大小限制上传
weixin_34397291的博客
11-28 67
<html><head> <script type="text/javascript"> var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target) { var fileSize = 0; ...
HTML input file控件限制上传文件类型_动力节点Java学院整理
09-28
HTML中的`<input type="file">`控件用于在网页上实现文件...总的来说，限制HTML `input[type="file"]`控件的文件类型上传，需要结合前端的`accept`属性和后端的验证机制，以提供一个安全且用户体验良好的文件上传功能。
Vue调用后端java接口的实例代码
10-16
在了解Vue如何调用后端Java接口的过程中，我们首先需要明确几个关键点：前端技术栈的构成、后端Java服务的设计、以及前后端数据交互的方式。本实例将围绕Vue前端框架和Java后端服务之间如何进行通信展开，重点介绍...
java常见问题前端js和后端
10-08
1. **跨域问题**：前端JS通常通过Ajax或者Fetch API向后端发送请求，但浏览器的同源策略限制了不同源之间的通信。为了解决这个问题，Java后端可以设置CORS（跨源资源共享）头，允许特定的源进行跨域访问。 2. **...
WebRTC-Demo-web-js-meeting:WebRTC Demo-web-js=meeting 前后端 前端js 后端JAVA BS结构的视频会议系统
05-18
WebRTC-Demo-web-js-meeting 是一个基于WebRTC技术实现的视频会议系统，它采用了前后端分离的架构，前端使用JavaScript开发，而后端则使用Java编程语言。这个项目旨在为用户提供一个BS（Browser-Server）架构的实时...
java上传视频文件控制大小,如何用javascript控制上传文件的大小
weixin_33680199的博客
03-14 306
应用了javascript和在IE下img本身的fileSize属性。另外img还有其他的几个属性，如fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters，我们可以通过这些属性来获取图片文件的部分信息，如文件大小，我们用file表单同img标签结合，就能够在上传之前判断图片文件的大小是否合法了。K varoFile...
批处理系列之监控文件大小
qq_40127402的博客
09-08 1297
批处理系列之监控文件大小前言思路具体的使用1. 文件位置2. 参数配置说明（文件名：data）3. 启动监控（文件名：start.bat）4. 结束监控（文件名tskill.bat）5. 易错提示6. 结语 前言 之前在工作中遇到一台会无限制打印日志的服务器。由于日志的写入以及这台线下服务器的配置不行，总会导致日志文件过大，长时间不处理就会写满磁盘，致使服务器崩溃。该服务器因为仅对单独项目提供了单独的服务支持，使用了windows系统，为解决问题，我想到使用批处理来解决这个问题。 思路 使用批处理的话可以直
java统计文件下所有文件大小和文件个数
小栋哟
01-20 5117
上篇博客刚记录java读取文件目录返回树形结构，以提供给前端进行渲染展示，这次来记录下统计文件的大小和文件的个数。 package cn.cnic.instdb.utils; import java.io.File; import java.util.ArrayList; import java.util.HashMap; import java.util.Map; /** * @author wdd * @version 1.0 * @date 2021/11/29 14:57 */ pu
js上传文件、文件大小限制
06-21 4249
js上传文件，设置允许上传文件的大小
java判断文件是否超出指定大小
小灰~的博客
04-26 8794
1.判断是否超出限制工具类 /** * 文件工具类 * @author lch * @date 2018-03-06 */ public class FileServerUtil { /** * 判断文件大小处于限制内 * * @param fileLen 文件长度 * @param fileSize 限制大小 * @para...
JAVA判断上传文件大小是否超出限制
qq_42030549的博客
02-14 1077
【代码】JAVA判断上传文件大小是否超出限制。
Java实现 判断并输出文件大小
jasmyn518的博客
04-16 5205
有些地方需要判断用户上传的文件大小或者下载文件之类的地方，这个功能还是比较实用的。 Java代码如下： package 包名; import java.io.File; public class FileAction { public static void main(String[] args) { File file = new File("chaoyue.jpeg"); long size = file.length() / 1024;
餐厅点餐系统springboot.zip
最新发布
09-10
开发一个基于Spring Boot的餐厅点餐系统可以大大提高餐厅的服务效率和顾客体验。下面是一个简单的案例程序，展示了如何使用Spring Boot来构建这样一个系统。这个系统将包括用户管理、菜单管理、订单管理等基本功能。 1. 创建项目 首先，通过Spring Initializr（https://start.spring.io/）创建一个新的Spring Boot项目，并添加必要的依赖项，如Web、Thymeleaf、Spring Data JPA 和 MySQL Driver。
Java Struts2 文件上传进度条实现
"Java文件上传带进度条的实现方法主要依赖于Struts2框架中的ProgressListener接口，通过Ajax技术在客户端实时查询服务器端的上传进度，并通过JavaScript展示在用户界面上。这一过程涉及到的主要知识点包括文件上传、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值