<HTML>
<HEAD>
<SCRIPT>
function getImageDimension (imgURL, loadHandler) {
var img = new Image();
img.onload = loadHandler;
if (document.layers
&& location.protocol.toLowerCase() != 'file:'
&& navigator.javaEnabled())
netscape.security.PrivilegeManager.enablePrivilege(
'UniversalFileRead'
);
img.src = imgURL;
}
function getFileSize (fileName) {
if (document.layers) {
if (navigator.javaEnabled()) {
var file = new java.io.File(fileName);
if (location.protocol.toLowerCase() != 'file:')
netscape.security.PrivilegeManager.enablePrivilege(
'UniversalFileRead'
);
return file.length();
}
else return -1;
}
else if (document.all) {
window.oldOnError = window.onerror;
window.onerror = function (err) {
if (err.indexOf('utomation') != -1) {
alert('file access not possible');
return true;
}
else
return false;
};
var fso = new ActiveXObject('Scripting.FileSystemObject');
var file = fso.GetFile(fileName);
window.onerror = window.oldOnError;
return file.Size;
}
}
function showImageDimensions () {
alert(this.width + 'x' + this.height);
}
</SCRIPT>
<SCRIPT>
function checkImageDimensions (fileName) {
var imgURL = 'file:///' + fileName;
getImageDimension(imgURL, showImageDimensions);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formName">
<INPUT TYPE="file" NAME="fileName">
<BR>
<INPUT TYPE="button" VALUE="check file size"
ONCLICK="alert(getFileSize(this.form.fileName.value))"
>
<BR>
<INPUT TYPE="button" VALUE="check image dimensions"
ONCLICK="checkImageDimensions(this.form.fileName.value)"
>
</FORM>
</BODY>
</HTML>
分享到：
相关推荐
例如，如果是JPG图片，其MIME类型为`image/jpeg`。我们可以通过比较`type`来判断文件是否为预期格式。如果需要更严格的验证，还可以通过读取文件的二进制数据，然后分析文件头信息。例如，对于JPEG，我们可以查找'FF...
- 使用`parseRequest()`方法解析HTTP请求并获取文件项列表。 - 迭代文件项列表，对于每个`FileItem`对象进行处理，如果是文件类型，则保存到指定目录；如果是表单域，则提取相关信息。 示例代码如下： ```java ...
本文主要讨论了两种图片大小验证方法：后台处理和前台处理，并重点介绍了使用JavaScript在前端进行图片大小验证的实现方式。 后台处理通常涉及通过AJAX将图片上传到服务器，然后在服务器端检查文件大小。这种方式...
例如，`Path.GetExtension(filename)`可获取文件扩展名，确保文件是预期的类型（如.jpg或.png）。 5. **检测真正文件名**： 有些恶意用户可能更改文件扩展名，所以服务器端还需要检查文件的真实内容。这通常需要...
这可以显著提高用户体验，尤其是对于图片数量较多或图片大小较大的页面。 此外，JavaScript还提供了鼠标悬停放大的功能。当用户将鼠标移动到图片上时，图片会放大显示，移开鼠标后恢复原状。这可以通过监听...
- 在客户端使用 JavaScript 或 jQuery 检查文件类型，以限制用户只能选择特定类型的文件（如图片）。这可以通过检查 `input[type=file]` 元素的 `accept` 属性实现。 4. **服务器端检查上传文件类型** - 在服务器...
JavaScript图片缩放器是一种利用JavaScript编程语言实现的交互式功能，它可以实时地调整网页中图片的大小，以适应不同的屏幕尺寸或用户需求。在教学课件和网站设计中，这样的功能非常实用，可以帮助用户更直观地查看...
此外，还可以在客户端（浏览器端）进行预处理，提前检查图片大小并进行压缩，减少服务端的压力。 实现这些功能时，可以利用各种编程语言的库和工具。例如，在Java中，可以使用Apache Commons FileUpload库来处理...
在所提供的代码中，`this.File1.PostedFile.FileName`用于获取文件的完整路径名称，而`this.file1.postedFile.ContentLength.ToString()`则用于获取文件大小。这里`FileName`返回的是文件在客户端的完整路径，包括...
alert('图片大小超过1MB，请重新选择'); return; } // 使用HTML5的FileReader API预览图片 var reader = new FileReader(); reader.onload = function (event) { var img = document.createElement('img');...
标题中的“超好用的网站整站静态资源文件CSS\JPG\JS下载神器”指的是一个工具或服务，专门用于批量下载网站上的CSS（层叠样式表）、JPG（联合图像专家小组格式的图片）和JS（JavaScript）等静态资源。这类工具对于...
例如，如果只允许上传图片，可以验证文件的`type`属性是否以`image/`开头，或者检查文件名的后缀是否为`.jpg`, `.png`, `.gif`等常见图片格式。 3. **限制文件大小**：防止大文件上传导致服务器压力过大或内存溢出...
alert('图片大小超过限制，最大' + AllowImgFileSize + 'KB'); return false; } // 预加载图片以获取尺寸 ImgObj.src = URL.createObjectURL(FileObj); ImgObj.onload = function() { var ImgWidth = ImgObj...
例如，PHP可以使用`$_FILES`全局变量来获取上传的文件信息，然后用`move_uploaded_file()`函数移动文件到指定位置。 5. **错误处理**：无论是在客户端还是服务器端，都需要考虑文件上传可能遇到的问题，如文件大小...
之后，通过`getFiles()`获取文件列表，`getFile(0)`获取第一个文件对象，并可以检查文件扩展名，如只允许上传.jpg格式的图片。如果文件类型不符合要求，可以通过JavaScript弹窗提示并返回上传页面。如果满足条件，...
JavaScript是一种广泛应用于网页和应用程序的脚本语言，它在客户端运行，无需服务器支持即可实现动态交互效果。在本文中，我们将深入探讨如何使用JavaScript来控制一行显示的滚动图片，这通常用于网站上的广告轮播...
在`index.jsp`中，可以使用JavaScript实现文件预览，当用户选择文件后，读取文件内容并显示预览图。同时，文件域的`onchange`事件可以用来触发预览。 在处理文件上传的逻辑中，SmartUpload或Struts的API都提供了...
CheckFiles()函数首先通过document.getElementById()获取文件输入控件的DOM对象，之后通过.value属性获取用户选择的文件名。然后，使用JavaScript的字符串操作方法substring()结合lastIndexOf()来提取文件名中的扩展...
在IT行业中，图片上传和下载是常见的操作，特别是在Web应用和服务端交互的场景下。...然而，需要注意的是，Base64编码会使得图片文件大小增加约33%，因此对于大文件可能会增加网络传输的时间和带宽消耗。
本教程将详细讲解如何在JSP（Java Server Pages）环境中，结合Servlet技术，实现一个简单的文件上传功能，特别是针对图片格式（如gif和jpg），同时阻止危险文件类型（如exe和bat）的上传。 首先，我们需要理解JSP和...