更改时不触发onchange事件

Question

我在我的html中有这个，它可以工作：

           <input id="File1" type="file" runat="server" onchange="fileUpload(value)"  /> 

但是对于IE8及以下版本，我有一个按钮来创建新输入：type = file它正在工作并上传文件。

但是我需要先将值发送给函数。

            newUploadBox.setAttribute("onchange", "fileUpload(value)");

现在，当我进入检查元素时，一切看起来都正确。

它像原始输入一样呈现。

不幸的是，它没有像第一个那样进入函数。

我在这里喜欢一些帖子： 动态添加的SELECT元素不会在Internet Explorer中触发onchange事件，并且 && onchange不会在警报中起作用，即

但是没有人能帮助我。

https://jsfiddle.net/satjzr6z/

Answer 1

试试这个代码

newUploadBox.onchange = fileUpload.bind(this, value);

function.prototype.bind-创建一个绑定函数，该函数具有与原始函数相同的主体

方法说明

Answer 2

我添加了onClientClick事件处理程序来为我检查验证，而不是执行onchange事件侦听器。

我使用了以下功能：

function FileUploadValidate() {
var input;
var thisId;
var fileInput;

input = document.getElementsByTagName("input");

for(i = 0;i < input.length; i++)
{
    if(input[i].getAttribute("type") === "file"){
        thisId = input[i].getAttribute("id"); 
        fileInput = document.getElementById(thisId);
        fileUpload(fileInput.value, thisId)

    }
}

for(i = 0;i < input.length; i++)
{
    if(input[i].getAttribute("type") === "file"){
        thisId = input[i].getAttribute("id"); 
        if(document.getElementById(thisId).style.backgroundColor === "#ff0000"){
            alert("true")
            document.getElementById("decoyBtn").innerText = "Check"
            return
        }else{
            document.getElementById("decoyBtn").style.display = "none"
            document.getElementById("btnSubmit").style.display = "inline"

        }


    }
  } 
}

这将解析我所有的文件上传输入字段。 如果不符合我的要求，将不允许他们上传。 这是我能想到的最好的工作，它将在IE8中工作。

我还使用了一个诱饵按钮，该按钮基本上是我的“ onClientClick”，因为我不想意外上传。

每个循环的第二个命令检查所有条件都经过验证的条件，如果这样做，则将decoy按钮从DOM上移开，并引入ASP.NET按钮进行上传。