Skip to main content
nalla0109
Level 4
5月 24, 2018 7:43 下午 UTC
已解決

Unable to read images when using clientlib with allowproxy

I have created a clientlib and I have included it within the apps->projectname->components->component->clientlibs. As per adobe recommendation I have added allowproxy=true property so that its not exposed directly from the apps folder. When I load the clientlibs its loading from etc.clientlibs and it works fine. But now I have added some images within the clientlibs folder and I have referred those image url's in my css file. I have provided the relative path of the images. However when the page loads its not loading the images. The image url is starting with /etc.clienlibs/imagepath. When I change it to the the absolute url i.e. apps/imagepath in dev tools it works fine. But we should not be exposing directly the apps url rite. If thats the case how to load images via etc.clientlibs ?

    此主題已關閉回覆。
    arunpatidar
    arunpatidar回答
    Community Advisor
    5月 24, 2018 7:54 下午 UTC

    A static resource can only be accessed via the proxy, if it resides in a resources folder like a resource below the client library folder.

    As an example:

    • You have a clientlib in /apps/myproject/clientlibs/foo
    • You have a static image in /apps/myprojects/clientlibs/foo/resources/icon.png

    Then you set the allowProxy property on foo to true.

    • You can then request /etc.clientlibs/myprojects/clientlibs/foo.js
    • You can then reference the image via /etc.clientlibs/myprojects/clientlibs/foo/resources/icon.png
    Arun Patidar
    在線查看

    7 則回覆

    arunpatidar
    Community Advisor
    arunpatidarCommunity Advisor回答
    Community Advisor
    5月 24, 2018 7:54 下午 UTC

    A static resource can only be accessed via the proxy, if it resides in a resources folder like a resource below the client library folder.

    As an example:

    • You have a clientlib in /apps/myproject/clientlibs/foo
    • You have a static image in /apps/myprojects/clientlibs/foo/resources/icon.png

    Then you set the allowProxy property on foo to true.

    • You can then request /etc.clientlibs/myprojects/clientlibs/foo.js
    • You can then reference the image via /etc.clientlibs/myprojects/clientlibs/foo/resources/icon.png
    翻譯
    Arun Patidar
      prajwalJain
      9月 25, 2020 10:28 上午 UTC
      Its working, Thanks. But why the folder name should be named as resources ? Any idea?
      翻譯
        nalla0109作者
        Level 4
        5月 24, 2018 8:09 下午 UTC

        Is it mandatory to declare the folder name as resources. Under the clientlib folder I have created a folder with name as 'img' and it didn't work. But when I changed the name of the folder to resources it started working

        翻譯
          vikramca06
          vikramca06
          Level 4
          11月 17, 2021 3:40 下午 UTC

          Yes. images will load only if you change the folder path in third-party css files. in my case, I have to updated the path in datatable css file to load the icons.

          翻譯
            arunpatidar
            Community Advisor
            arunpatidarCommunity Advisor
            Community Advisor
            5月 24, 2018 8:12 下午 UTC

            Hi,

            Yes , if you set the allowProxy property

            Using Client-Side Libraries

            翻譯
            Arun Patidar
              harryl53317155
              harryl53317155
              Level 2
              9月 15, 2020 12:50 上午 UTC
              How this "resources" sub folder works with any 3rd party library which contains images? do we have to modify 3rd party library code to change image path references? we need a better way to handle this.
              翻譯
                nalla0109作者
                Level 4
                5月 24, 2018 8:15 下午 UTC

                I have read the clientlibs article before but never thought the folder name itself should be 'resources'.

                Thanks for the information.

                翻譯
                  條款與條件Accessibility statement

                  Loading footer...