兼容IE9以下的获取兄弟节点

最新推荐文章于 2025-07-23 10:39:09 发布

转载最新推荐文章于 2025-07-23 10:39:09 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/moutudou/p/8650545.html

本文介绍了一种使用JavaScript的方法来获取HTML中type='file'输入框所选文件的名字，并将其显示在另一个文本输入框内。这种方法适用于需要上传文件并显示文件名的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function fileCheck(ele){
	 function getNextElement(node){	//兼容IE9以下的 获取兄弟节点
        var NextElementNode = node.nextSibling;
        while(NextElementNode.nodeValue != null){
            NextElementNode = NextElementNode.nextSibling
        }
        return NextElementNode;
    }
	var file = document.getElementById(ele.id).value;
	var pos=file.lastIndexOf("\\");
	var fileName = file.substring(pos+1);
	getNextElement(getNextElement(ele.parentNode)).value = fileName;
}

　　获取type='file' 文件名字，将文件名字存放到另一个input框中。

<p class='fileUpload'>
　　<a class='aCss'>选择文件</a>
　　<input type="file" name="uploadedFileCJ" id="uploadedFileCJ" onchange="fileCheck(this);" class="form" />
</p>
<uix:Button name="submitFile" id="submitFile" controlKey="user_update" cssClass="input_cbut marBtn" onclick="jzfzcjCheck();" value="上  传" /> 
<input id='nameFile' type="text" class="border_cssStyle" style='width:50%;'/>　　//存放 文件名字

<p class='fileUpload'>
　　<a class='aCss'>选择文件</a>
　　<input type="file" name="uploadedFileWeixiu" id="uploadedFileWeixiu" onchange="fileCheck(this);" class="form" />
</p>
　　<uix:Button name="submitFile" id="submitFile" controlKey="user_update" cssClass="input_cbut marBtn" onclick="weixiuCheck();" value="上  传" /> 
　　<input id='nameFile' type="text" class="border_cssStyle" style='width:50%;'/>

转载于:https://www.cnblogs.com/moutudou/p/8650545.html