这是我目前拥有的代码 我从它的文档网站上获取了基本模板并添加了一些东西
<Dialog open={open} onClose={handleClose}>
<DialogTitle>Add New Channel</DialogTitle>
<DialogContent>
<DialogContentText>Fill in Channel Details</DialogContentText>
<TextField
autoFocus
margin="normal"
id="name"
label="Channel Name"
type="text"
fullWidth
variant="standard"
/>
<TextField
autoFocus
margin="dense"
id="name"
label="Description"
type="text"
fullWidth
variant="standard"
/>
<div className="logofield">
<TextField
autoFocus
margin="dense"
id="logo"
type="file"
fullWidth
variant="standard"
/>
</div>
</DialogContent>
<DialogActions>
<FcPlus size={34} onClick={handleClose}>
Submit
</FcPlus>
</DialogActions>
</Dialog>
我试过“接受=”图像/*“”但它仍然是“所有文件”
您可以在
inputProps
中使用TextField
字段为输入元素添加道具
来自 mui 文档的示例,
const inputProps = {
accept: "image/*",
};
return <TextField id="time" type="time" inputProps={inputProps} />
更多信息,在mui文档中搜索inputProps