Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.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_File_Post_Input_File Upload - Fatal编程技术网

Javascript 发布文件是否需要<;表格>;标签和按钮?

Javascript 发布文件是否需要<;表格>;标签和按钮?,javascript,file,post,input,file-upload,Javascript,File,Post,Input,File Upload,我在我的webapp的标题中有一个选项,可以选择一个带有的文件,我希望一旦选择该文件,它就开始将其上载到我的本地nodejs服务器 我是否需要将它封装在带有POST属性的标记中,并用按钮确认它?和/或在选择文件时是否可以立即调用过帐,而不是使用按钮?您为elm设置了一个onchange事件 Javascript 在所选文件的表单值出现并触发onchange事件之后。然后,我们使用fetchpost发布文件 范例 const input=document.getElementById('inpu

我在我的webapp的标题中有一个选项,可以选择一个带有
的文件,我希望一旦选择该文件,它就开始将其上载到我的本地nodejs服务器


我是否需要将它封装在带有POST属性的标记中,并用按钮确认它?和/或在选择文件时是否可以立即调用过帐,而不是使用按钮?

您为
elm设置了一个onchange事件

Javascript

在所选文件的表单值出现并触发
onchange
事件之后。然后,我们使用fetchpost发布文件

范例

const input=document.getElementById('input');
功能上传(文件){
获取('http://'{
方法:“POST”,
标题:{
“内容类型”:“文件类型”
},
正文:文件
}).然后(()=>{
}).catch((错误)=>{
//错误
log('记录错误,因为我们正在演示');
})
}
让我们选择=()=>{
试一试{
上传(输入文件[0]);
}捕获(错误){
}
}
input.addEventListener('change',selected,false)

@Sven0567我举了一个例子。
let input = document.getElementById('input');
input.onchange = function(e) { 
  if (file.files.length > 1) {
     // Upload
  }
};