0

尝试从 Umbraco 中提取图像并使用 React 显示它。

例如,我可以通过这样做来提取所有文本 -

{String(this.props.data['carouselUnderImageText'])} {String(this.props.data['carouselLink'])}

但是在做图像时-

<img src={this.props.data["carouselImage"]}或者<img src={String(this.props.data["carouselImage"])} />

这两个不起作用,它似乎将网址返回给我umb://media/8990dd19cfb746e0bea4baec5df20d01

关于如何解决这个问题的任何想法?在将 Umbraco 与 React 结合使用时,我没有找到足够的文档来解决此问题。

如果还有什么我可以展示以帮助回答这个问题,只需将其放在评论中,我会更新问题。

提前谢谢了。

4

1 回答 1

0

您可以使用 Umbraco Helper 中的 TypedMedia 函数获取图像文件的 IPublishedContent,然后您可以访问要传递的图像 URL 以进行反应。

var umbracoHelper = new UmbracoHelper(UmbracoContext.Current);
Udi.TryParse(carouselImage, out var carouselImageUdi); // this parses the umb://media string into a UDI to be used in TypedMedia.
var imageUrl = umbracoHelper.TypedMedia(carouselImageUdi).Url;
于 2019-04-24T13:12:15.097 回答