本文介绍了一种通过隐藏文件输入框并使用按钮触发文件选择的方法，实现文件上传文本域不可编辑的功能。通过JavaScript函数selectfile()，点击按钮时触发隐藏的文件输入框，同时将选中的文件路径显示在文本域中。
文件类型的input 如果直接设置属性为readonly的话 那么文本域和按钮都不可操作
那么如果要使得文件上传的文本域不可编辑，只能使用“浏览”按钮进行选择怎么做呢。
见下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function selectfile(){
document.getElementById("file1").click();
document.getElementById("file2").value=document.getElementById("file1").value;
}
</SCRIPT>
</HEAD>
<BODY>
<input type="file" id="file1" style="display:none"/>
<input type="text" id="file2" value= "" readonly/>
<input type="button" value="sdfas" onclick="selectfile();"/>
</BODY>
</HTML>
扫一扫
966
到【灌水乐园】发言
