javascript - 通过在 React.js 中显示模式的图像在网站上上传图片

Question

我在一个反应​​网站工作，用户可以从包含我们设置的头像图像的模式上传他们的个人资料图片。由于隐私问题，用户无法通过从桌面/手机中选择自己的图像的通用方式上传。就像有任何按钮之类的东西，当点击时会弹出一个模式，我们可以从那里选择一个图像并上传它。我想要一些关于这个代码的帮助。任何文章链接/类似的帖子都会非常有帮助，因为我是新手，我找不到类似的东西。

这是模态的图像。

标签： javascriptreactjsfrontend

Answer 1

通过最初的浏览，我发现这个沙盒的活动与您的需求相似。

https://codesandbox.io/s/5vn3lvz2n4

在这里，他们使用了 react-photo-gallery、react-images 依赖项，因此您的工作变得更加简单。通过调整样式，您可以实现所需的样式。改变onClick函数来选择和设置显示图片。