如何将图像接受添加到 Material UI 模态输入字段

Question

这是我目前拥有的代码 我从它的文档网站上获取了基本模板并添加了一些东西

<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>

我试过“接受=”图像/*“”但它仍然是“所有文件”

Answer 1

您可以在

inputProps

中使用

TextField

字段为输入元素添加道具 来自 mui 文档的示例，

const inputProps = {
  accept: "image/*",
};
return <TextField id="time" type="time" inputProps={inputProps} />

更多信息，在mui文档中搜索inputProps