将本地资源链接（file：///）转换为portlet中的可访问链接（http：//

Question

如何将目录转换为链接？当我尝试在liferay上使用galleria插件显示图像时，它什么也没有显示。谷歌Chrome上的“检查元素”模式显示：

我在Chrome上得到这样的消息：

不允许加载本地资源：file:///e:/liferay/liferay-portal-6.1.1-ce-ga2/tomcat-7.0.27/webapps/xplor-…et/web-inf/files/images/130621_jimmjuli_io9032193908/io9032193908_0001.jpg

代码如下：

<div style="background-color: white; padding: 5px; border: 1px black solid;">
    <p:commandButton type="button" value="Show Images" onclick="dialogImg.show()" />
</div>
<p:dialog header="Images" widgetVar="dialogImg" modal="true" draggable="false" resizable="false" width="540" height="370">
    <p:galleria value="#{viewBacking.images}" var="image" panelWidth="510" panelHeight="310" showCaption="true">  
        <p:graphicImage value="#{image}" title="description"/>  
    </p:galleria>
</p:dialog>

backing bean：

public class ViewBacking {
    private List<String> images;
    public List<String> getImages() {
        return images;
    }

    public ViewBacking() {
        try {
            getImageList();
        } catch(Exception e) {
            e.printStackTrace();
        }
    }

    public void getImageList() {
        images = new ArrayList<String>();
        File[] imageList = getFileList("//images//imgfolder//"); 
        //--> It will returns: E:\Liferay\liferay-portal-6.1.1-ce-ga2\tomcat-7.0.27\webapps\Xplor-portlet\WEB-INF\files\images\imgfolder\IMAGE_NAME.EXT

        for (int i = 0; i < imageList.length; i++) {
            if (imageList[i].isFile())
                images.add("/files/images/" + imageList[i].getName()); //UPDATE
        }
    }

    //This is how I get a directory path
    public File[] getFileList(String path) {
        File folder = new File(getPath(path));
        File[] listOfFiles = folder.listFiles();
        return listOfFiles;
    }
    public String getPath(String fileName) {
        ExternalContext extContext = FacesContext.getCurrentInstance().getExternalContext();
        return extContext.getRealPath("//WEB-INF//files//" + fileName);
    }
}

正如您在上面的代码中看到的，图像源将填充如下内容:e:\liferay\liferay\liferay-portal-6.1.1-ce-ga2\tomcat-7.0.27\webapps\xplor-portlet\web-inf\files\images\imgfolder\image_name.ext，如何使它像http://localhost:8080/image_link一样？多谢了。

我已尝试将目录更改为：

WebContent
 |-- META-INF
 |-- WEB-INF
 |    |-- files
 |    |    `-- ...
 |    `-- web.xml
 |-- files
 |    |-- images
 |    |    `-- foo.png
 |    |    `-- bar.png
 |    |    `-- baz.png
 :

画廊仍然没有展示这张照片。当我尝试使用http://localhost:8080/files/images/foo.png访问它时，浏览器返回未找到请求的资源。。正如您在上面的代码中看到的，images[]将填充如下内容：

/files/images/foo.png
/files/images/bar.png
/files/images/baz.png

但当我在Chrome上检查查看源模式时，它返回：

/Xplor-portlet/files/images/foo.png
/Xplor-portlet/files/images/bar.png
/Xplor-portlet/files/images/baz.png

Answer 1

只需将它们放在/web-inf外面，就可以公开访问它们。

例如。

WebContent
 |-- META-INF
 |-- WEB-INF
 |    |-- files
 |    |    `-- ...
 |    `-- web.xml
 |-- images
 |    |-- foo.png
 |    |-- bar.png
 |    `-- baz.png
 :

这样您就可以访问它们

<p:graphicImage value="/images/foo.png" />
<p:graphicImage value="/images/bar.png" />
<p:graphicImage value="/images/baz.png" />