Expand my Community achievements bar.

SOLVED

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

Avatar

Level 5

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

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

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

View solution in original post

2 Replies

Avatar

Correct answer by
Employee Advisor

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

Avatar

Level 6

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.