我有一个页面，用户可以在其中上传图像并使用一个Api对其进行编辑。
现在，使用以url格式接收的图像需要在Facebook，Twitter和Instagram等社交媒体上共享。
以下是用于社交媒体重定向的网址：
Facebook- https: //www.facebook.com/sharer.php?u= $ {window.location.href}？imageurl = $ {imageUrl} Twitter- https://twitter.com/intent/tweet?url= $ {window.location.href}？imageurl = $ {imageUrl} Instagram-尚未找到
尝试过的事情：尝试使用componentDidMount中的createElement和setAttribute将{imageUrl}（状态存储）动态添加到meta标签中，该属性未更新facebook中的该图像，但能够在head-> meta标签中的og：image中添加此图像。请为我提供一些解决方案。这将是很大的帮助。
<a
data-pgaction-redirection="0"
target="_blank"
rel="noopener noreferrer"
title={title}
href=`{https://www.facebook.com/sharer.php?u=${window.location.href}?
imageurl=${this.state.imageUrl}}`
>
Facebook
</a>
我实现的答案如下。假设Facebook URL是
https://www.facebook.com/sharer.php?u=https:example.com?imageurl=${this.state.imageUrl}}
您可以将动态图片网址附加到imageurl属性，然后Facebook的抓取工具将转到https:example.com/imageurl=https://imageurl.url.com。然后，必须提取查询参数并附加imageurl-URI，getInitialProps如果正在使用NEXT JS ，则最后从中返回它。
无论从哪个提取URIimageurl都可以将其添加到metaog:image标签。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句