您的位置：首页 > Web前端 > JavaScript

[转]前台JS限制上传图片质量大小和尺寸！

2008-11-17 17:03 741 查看
转自：
http://hi.baidu.com/vivicode/blog/item/c53d392ec9038f564ec2264a.html
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=??????">

<script language="javascript">

<!--

function imgSel()

{

var img = new Image();

img.src = document.imageForm.file.value;

document.imageForm.width.value = img.width;

document.imageForm.height.value = img.height;

document.imageForm.size.value = img.fileSize;

document.images['image'].src = img.src;

}

-->

</script>

</head>

<body>

<form name="imageForm">

宽: <input name="width" type="text" size="6"> 高: <input name="height" type="text" size="6"> 大小: <input name="size" type="text" size="6"><br>

<input name="file" type="file" onChange="imgSel()"><br>

<img src="" name="image">

</form>

</body>

</html>

转自：http://hi.baidu.com/top147/blog/item/f7c3023f641ec0ed54e723b1.html

<HTML><HEAD>

<SCRIPT>

// JS 判断文件大小

function getFileSize (fileName) {

if (document.all) {

window.oldOnError = window.onerror;

window.onerror = function (err) {

if (err.indexOf('utomation') != -1) {

alert('没有访问文件的权限');

return true;

}

else

return false;

};

var fso = new ActiveXObject('Scripting.FileSystemObject');

var file = fso.GetFile(fileName);

window.onerror = window.oldOnError;

return file.Size; }}

</SCRIPT>

</HEAD>

<BODY>

<FORM NAME="formName"><INPUT TYPE="file" NAME="fileName"><BR>

<INPUT TYPE="button" VALUE="查看文件字节大小" ONCLICK="alert(getFileSize(this.form.fileName.value))"><BR>

</FORM></BODY>

</HTML>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航