Images with '+' in there name are not loading in the Dynamic media URL

[Ravi_Joshi]

Hi There,

We have added special characters to the image name and after syncing the same image with dynamic media when we try to use it through the core image component then the image is not getting rendered.

Example :

1. Suppose we have an image with the path "/content/dam/project-name/en/dummy+image.jpg"
2. After syncing the image to dynamic media the final URL generated for the renditions is "https://s7d9.scene7.com/is/image/project/dummy%2bimage".
3. But when we select the same image in the core image component it is using "https://s7d9.scene7.com/is/image/project/dummy+image" this path in image src. And thus the image is not getting rendered as the URL is not encoded.

Please let me know your suggestions on the same.

Thanks,

Ravi Joshi

[nitesh_kumar · Accepted solution]

Hi @Ravi_Joshi ,

Please check if you are following the proper naming conventions required for Dynamic media. 

• As a best practice, Asset IDs should not contain blank spaces or symbols. The use of spaces and symbols makes implementation more difficult because you will have to URL encode these characters. For example, a space " " becomes “%20.

For more details please refer to this link if not done already.

https://experienceleague.adobe.com/docs/experience-manager-learn/dynamic-media-classic-tutorial/fold... 

Regards,

Nitesh

[salamswapnil]

Hi @Ravi_Joshi

If the special characters are inevitable in your image names, then you can write a helper class/method to encode the image path and use it in your html.