JavaScriptはLabelラベルの割り当て操作を実現します.

1238 ワード

ブラウザ firefox


<!DOCTYPE html>
<meta charset="utf-8">
<head>
	<title>File Input</title>
</head>
<body>
	<fieldset>
		<legend>    </legend>
		
		<input type="file" name="uploadfile" id="upfile" />
		<input type="button" name="bupfile" value="      " onclick="readFile();" />
		<label id="content" >path</label>
	</fieldset>
	
	<script>
		function readFile() {
			
			var filePath = document.getElementById("upfile").value;
			document.getElementById("content").innerHTML = filePath;
			//document.getElementById("content").innerText = filePath;
		}
	</script>
</body>

本人は最近JavaScriptを勉強していますが、学習の過程でこのような問題を発見しました.上記のようなコードで、Dcument.getElementById(「content」).innerHTML=filePathです.この文はfirefox、IE、googlのchromeのブラウザで正常に割り当て操作ができますが、firefoxではファイル名のみが取得できます.他の2つのブラウザでは、一時ファイルのパスが表示されます.
Dcument.getElemenntById.innerText=filePath;この文はfirefoxでは機能しませんが、他の2つのブラウザは正常に使用できます.また、すべてのファイルのパスが表示されます.

JSPまたはHTMLページをワードに変換