gpt4 book ai didi

Javascript 函数在 google chrome 中不起作用

转载 作者:行者123 更新时间:2023-12-03 12:33:36 25 4
gpt4 key购买 nike

附件是我的代码。当我点击“上传更多文件”时,addElement 函数将添加一个浏览文件。它可以在 IE 中运行,但不能在 Google Chrome 中运行。在 Chrome 中,当我单击按钮时,它甚至没有响应。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/tags/struts-html" prefix="html"%>
<%@ taglib uri="/tags/struts-bean" prefix="bean"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script>

var fCount = 1;
function addElement() {

fCount++;

var fObject = document.getElementById('fileSection');
var text = 'File:';
var tag='<input type="file" name="theFile[' + fCount + ']" value="">';
var brk='<br>'
var o1 = document.createTextNode(text);
var o2 = document.createElement(tag);
var o3 = document.createElement(brk);

fObject.appendChild(o3);
fObject.appendChild(o1);
fObject.appendChild(o2);
fObject.appendChild(o3);

alert("fCount" + fCount);

}

</script>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body bgcolor="pink">

<html:form action="/myActionForm" method="post"
enctype="multipart/form-data">

<div id="fileSection">
Select file to upload <html:file property="theFile[0]"/><br>
</div>
<html:button property="bt" onclick="addElement()">Upload More files</html:button>


<html:submit></html:submit>
<br>
<br>

</html:form>
</body>
</html>

最佳答案

这是因为您需要将标签名称传递给createElement方法。不是元素碎片。 IE总是很奇怪,可能可以工作,但它是错误的。

正确的做法是这样的:

var tag = document.createElement('input');
tag.setAttribute('type', 'file');
tag.setAttribute('name', 'theFile[' + fCount + ']');

关于Javascript 函数在 google chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23825310/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com