主要是利用img的fileSize属性
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>客户端控制上传图像大小示例 - 51windows</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<input type="file" id="file" name="file" />
<img src="" width=0 height=0 id="img" />
<input type="button" value="查看文件大小" onclick="getFileSize()" />
</body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function getFileSize() {
var img = document.getElementById("img");
var file = document.getElementById("file");
img.src = file.value;
alert(img.fileSize/1024);
}
//-->
</SCRIPT>
</html>
分享到:
相关推荐
通常,当用户从本地选择文件上传时,可以使用HTML5的File API来获取文件的信息,如文件大小,而无需依赖上述方法。例如: ```javascript document.querySelector('input[type=file]').addEventListener('change', ...
本文将深入探讨如何使用Java来获取FTP服务器上的文件大小以及文件夹属性,并简要介绍FTP的一些常用命令。 **Java FTP获取文件大小** 在Java中,我们可以使用`java.net.Socket`和`java.io`库来实现基本的FTP操作,...
Plupload内置了客户端文件大小检查的功能,可以轻松实现上述的客户端文件大小判断。使用Plupload,开发者可以自定义设置上传参数,如文件大小限制,并且能够优雅地处理各种浏览器的兼容性问题。 总的来说,客户端...
在上述代码中,`MAX_FILE_SIZE`代表允许的最大文件大小,单位为字节。根据实际需求,你可以调整这个值。`allowedTypes`数组则包含了允许上传的MIME类型。这里我们只允许上传JPEG、PNG图片和PDF文件,你可以根据项目...
此外,考虑到服务器的存储资源,可以设置合理的文件大小限制,并且及时清理未使用的临时文件。为了提高性能,可以采用多线程处理文件,或者使用异步处理机制。 在实际开发中,还可能需要处理文件重命名、文件去重、...
// 最大文件大小限制 List<FileItem> items = upload.parseRequest(request); Iterator<FileItem> iter = items.iterator(); while (iter.hasNext()) { FileItem item = iter.next(); if (!item.isFormField()...
例如,它可以解析请求,读取每个部分,将文件内容保存到服务器的临时目录,然后根据需要进行进一步的操作,如移动到指定位置、检查文件大小和类型等。 Java 7及更高版本引入了`java.nio.file`包,其中的`Files`类和...
在发送每个文件之前,可能还需要在数据流中添加一些元信息,比如文件名或大小,以便客户端正确解析。 客户端(Client)这边,它需要连接到服务器,并接收服务器发送的文件。Socket类的构造函数可以用来建立到服务器...
总结,本文通过 JavaScript 和 AJAX 实现了在用户上传文件前获取文件大小的功能,解决了 JavaScript 无法直接访问文件大小的限制,提供了一种跨浏览器的可行方案。这种方法在文件上传功能中非常实用,可以有效地防止...
需求:客户端上传文件时,想先判断下文件的大小,如果超过一定大小,就直接拒绝上传请求 实现原理:根据不同浏览器的差异,在firefox和chrome中obj_file.files[0].size 获取文件打下,在ie6,ie7, ie8 中通过img的...
标题 "本地上传图片预览,并客户端判断文件大小和文件格式" 涉及到的是在Web开发中处理用户上传图片时的关键技术。这个过程通常包括前端的图片预览功能、客户端的文件大小和格式检查,以及相关的错误处理。以下是对...
本示例提供了一个完整的Android客户端文件上传到服务器的Demo,服务器端使用了流行的Java Web容器Tomcat。以下是关于这个过程涉及的关键知识点的详细解释。 1. **Android客户端上传文件**:在Android应用中,我们...
在Asp.Net开发中,处理用户上传文件是一项常见的任务,而确保上传的文件大小在可接受范围内是非常重要的,这不仅可以防止服务器存储空间被过大文件占用,也可以避免因文件过大导致的长时间加载,甚至可能影响服务器...
对于其他现代浏览器,如Chrome、Firefox,可以直接访问`files`属性来获取`FileList`对象,然后读取`size`属性得到文件大小。 3. 将文件大小转换为MB单位,并与预设的最大大小`filemaxsize`(2MB)进行比较。如果...
`HttpClient`提供了`SendAsync`方法的重载版本,允许我们传递一个`HttpCompletionOption.ResponseHeadersRead`选项,这样可以在响应头到达时触发完成事件,从而获取上传进度。我们还需要计算时间差来估计上传速度。 ...
2. **客户端浏览器的限制**:不同的浏览器可能会有不同的文件大小限制。 3. **网络带宽**:大文件的上传可能会受到网络速度的限制。 4. **用户界面体验**:过大的文件上传可能会导致用户等待时间过长,影响用户体验...
// 设置文件大小 SendFileItem.SubItems.Add(LocalPath); // 设置本地路径 SendFileItem.SubItems.Add('==>'); // 图标 SendFileItem.SubItems.Add(RemotePath); // 设置远程路径 SendFileItem.SubItems.Add(''...
我们可以在这个事件中获取到选中的文件,并通过`FileList`对象的`item`方法获取到`File`对象,然后通过`size`属性获取文件大小,单位是字节。 ```javascript document.getElementById('fileInput')....
注意,实际开发中可能还需要处理更多细节,比如异常处理、网络权限申请、文件大小限制、进度显示等。在大型项目中,可能还会选择使用成熟的库如Volley、Retrofit或OkHttp来简化操作。 在压缩包文件"postFile"中,...