Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 上传后如何显示新的文件上传按钮?_Javascript_Html - Fatal编程技术网

Javascript 上传后如何显示新的文件上传按钮?

Javascript 上传后如何显示新的文件上传按钮?,javascript,html,Javascript,Html,我想有无限的文件上传按钮。在我发送一个文件之后,一个新的按钮出现了 我怎样才能做到: 您可以将事件侦听器添加到元素中以侦听更改,并设置createUploadButton函数以在事件传递时触发 element.addEventListener('change', createUploadButton); 您的问题的确切答案如下: 函数makeNewButton(){ //创建上载按钮: 让uploadbtn=document.createElement('input'); uploadbtn

我想有无限的文件上传按钮。在我发送一个文件之后,一个新的按钮出现了

我怎样才能做到:


您可以将事件侦听器添加到元素中以侦听更改,并设置createUploadButton函数以在事件传递时触发

element.addEventListener('change', createUploadButton);

您的问题的确切答案如下:

函数makeNewButton(){
//创建上载按钮:
让uploadbtn=document.createElement('input');
uploadbtn.setAttribute('type','file');
//将其附加到文档中:
document.body.appendChild(上传BTN);
//添加再次激发函数的事件侦听器:
uploadbtn.addEventListener('change',makeNewButton);
//使删除元素:
让deletetext=document.createElement('p');
deletetext.textContent='Delete';
//将其附加到文档中:
document.body.appendChild(deletetext);
//添加事件侦听器以删除原始按钮和单击时的删除链接:
deletetext.addEventListener('click',函数(){
uploadbtn.remove();
deletetext.remove();
});
}
makeNewButton()