可以配合JS来实现获到本地磁盘文件的相关属性，请参照天南（QQ：46926125）提供的DEMO： ##Code##
<script language="javascript">
function insertTitle(tValue){
var t1 = tValuelastIndexOf("\\");
var t2 = tValuelastIndexOf("");
if(t1 >= 0 && t1 < t2 && t1 < tValuelength){
documentgetElementById("pTitle")value = tValue;
documentgetElementById("pTitlel")value = tValuesubstring(t1 +1);
documentgetElementById('guo')innerHTML="<img id='demo_img' src='"+tValue+"' />"
documentgetElementById('imgc_width')value=documentgetElementById('demo_img')width;
documentgetElementById('imgc_height')value=documentgetElementById('demo_img')height;
}
}
</script>
<form action="" method="get" onSubmit="return false;">
<input type="text" name="pTitle">
<input type="text" name="pTitlel">
<input type="file" name="pFile" onChange="if(thisvalue){insertTitle(thisvalue)};">
<input type="submit" value="submit">
</form>
宽：<input type="text" id="imgc_width" />px
高：<input type="text" id="imgc_height" />px
<hr />
<div id="guo"></div>
javascript 获取文件域 (type=file) 的完整路径一直是很麻烦的问题，问题主要出在一些浏览器基于安全性考虑而不能正常获取到文件域中选中的决对路径，尤其一些基于webkit的浏览器比如 Chrome, Safire等浏览器，下面是一个可以兼容 IE 6 , 7, 8 和 firefox 的获取 input file 完整路径的方法，该方法不支持 Chrome 和 Safire，要支持这些浏览器可能要使用到 Flash ，对程序员来说比较麻烦。
HTML页面：
<input type="file" name="attachment" id="attachment" />
<input type="text" name="trueattachment" id="trueattachment" />js部分：
<script type="text/javascript">
var attachment=documentgetElementById("attachment");
var trueattachment=documentgetElementById("trueattachment");
attachmentonchange=function(){
trueattachmentvalue=getFullPath(this);
}
function getFullPath(obj){
if(obj)
{
//ie
if (windownavigatoruserAgentindexOf("MSIE")>=1)
{
objselect();
return documentselectioncreateRange()text;
}
//firefox
else if(windownavigatoruserAgentindexOf("Firefox")>=1)
{
if(objfiles)
{
return objfilesitem(0)getAsDataURL();
}
return objvalue;
}
return objvalue;
}
}
</script>
我给个例子给你吧：
<script>function he(){
var file=documentgetElementById("haa")files[0];
consolelog(file);
alert(file['name']);
}
</script>
</head>
<body>
<input type="file" id="haa" onchange="he()"/>
</body>
</html>
<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/> K
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test" height="18"/>
//前面为网页
<script type="text/javascript">
var oFileChecker = documentgetElementById("fileChecker");
function changeSrc(filePicker)
{
oFileCheckersrc = filePickervalue;//读
}
//这个很重要，判断是否完全读完，否则判断大小不准确
oFileCheckeronreadystatechange = function ()
{
if (oFileCheckerreadyState == "complete")
{
checkSize();
}
}
function checkSize()
{
var limit = documentgetElementById("fileSizeLimit")value 1024;
if (oFileCheckerfileSize > limit)
{
alert("too large");
}
else
{
alert("ok");
}
}
</script>
<form name="myform">
<input type="file" name="file"/>
<imput type="submit" name=""/>
</form>
以上这段代码中form标签的名字是 myform, 然后其中有你的input file。
这样的话，可以这样取得其中的值：var upFile=documentmyformfilevalue
变量upFile中就是你上传的值。
以上就是关于JS获取图片大小（长宽）问题全部的内容，包括:JS获取图片大小（长宽）问题、怎样 在js中获取input file、JS怎么获取表单file的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）