如何使用按钮触发<input type =“file”accept =“image / *”capture =“”/>

Question

目标：有一个相机图标按钮，其中onClick通过网络应用程序在移动设备上显示用户相机。

问题陈述： 基本上，我有一个按钮，其中onClick我希望它触发HTML5

• 输入类型=＆＃34;文件＆＃34;接受=＆＃34;图像/ *＆＃34;捕获

，因为此标记使我能够从Web应用程序访问用户移动相机。

如果重要，我正在使用Reactjs。我也正在处理这个问题How to access a mobile's camera from a web app?。

但我希望相机图标按钮能够访问用户的相机。

现在，输入标记会显示一个＆＃39;选择文件＆＃39;按钮以及“没有文件选择”＆＃39;文字，＆＃39;选择文件＆＃39;需要点击按钮才能访问用户＆＃39;相机。如何使用我自己的按钮，点击它会带来用户相机？

下图显示了输入标记呈现的旁边的按钮。