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

问题描述 投票:0回答:1

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

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

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

reactjs image material-ui modal-dialog
1个回答
0
投票

您可以在

inputProps
中使用
TextField
字段为输入元素添加道具 来自 mui 文档的示例,

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

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

© www.soinside.com 2019 - 2024. All rights reserved.