Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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 检查输入类型文件是否附加了React.js材质UI_Javascript_Html_Reactjs_Input_Material Ui - Fatal编程技术网

Javascript 检查输入类型文件是否附加了React.js材质UI

Javascript 检查输入类型文件是否附加了React.js材质UI,javascript,html,reactjs,input,material-ui,Javascript,Html,Reactjs,Input,Material Ui,我有一个Material UI组件,我希望在附加文件时触发一个事件。它是一个文本字段,但我给它一个type=fileprop,所以它接受文件。 否则,我不知道怎么做,通过web我只找到了JQuery的解决方案,我不喜欢使用JQuery。 你知道用React、香草或类似的东西做什么吗?你不能那样做。 以下是文本字段的所有可用参数和选项列表: 要使用文件上载,可以使用输入元素: 然后,您可以检查文件是否存在,例如: <input type="file" onChange=

我有一个Material UI
组件,我希望在附加文件时触发一个事件。它是一个文本字段,但我给它一个
type=file
prop,所以它接受文件。 否则,我不知道怎么做,通过web我只找到了JQuery的解决方案,我不喜欢使用JQuery。 你知道用React、香草或类似的东西做什么吗?

你不能那样做。 以下是文本字段的所有可用参数和选项列表:

要使用文件上载,可以使用输入元素:

然后,您可以检查文件是否存在,例如:

 <input type="file" onChange={() => console.log("changed")} />
console.log(“已更改”)}/>
完整示例:

您所说的“当档案附加到它时”是什么意思,它包含文本。请详细说明并解释您的问题。不清楚你所说的归档是什么意思。Textfields包含文本…@Mike'Pomax'Kamermans我给它一个
type=file
。是否有一个特定的组件来输入文件?@Michael我现在改变了问题。请告诉我,如果它遗漏了一些东西,它就不会像那样工作,你读过API吗?以下是所有可用参数和选项的列表:。要使用文件上载,您可以使用input元素:可能我很不注意,但文档中说TextField组件中接受了prop类型,并且该组件当前的行为类似于文件输入。问题是我想在附加文件时触发一个事件。请使用输入元素进行尝试。查看。我用textfield和type prop制作了一个沙盒:@Mike'Pomax'KamermansI不知道如何使用输入元素。问题就在这里:如何检查文件输入是否已附加@Michael,你检查上面的归档对象,如果它有长度,你知道它附带了一个文件。