[英]How to show images uploaded by uploadr plugin in Grails
我是Grails的新手。 我正在使用上載器插件上載圖像。 上傳圖像效果很好。 我的圖像成功上傳到我的目錄中。
現在,我也想在show.gsp文件中顯示這些圖像。 但是我對此一無所知。 這是我的上載者標簽:
<uploadr:add name="fileupload" path="C:/Users/Shreshtt/workspace/groovypublish/grails-app/uploader" direction="up" maxVisible="8" unsupported="/uploadr/upload/warning" rating="true" voting="true" colorPicker="true" maxSize="0" />
也看這個演示 ..
如何在視圖頁面中顯示這些圖像。 請幫忙。
您應該在應用中使用如下路徑:
<uploadr:add name="ComonUp10" path="uploadFile/" direction="up" maxVisible="8" unsupported="/my/controller/action" rating="true" voting="true" colorPicker="true" maxSize="204800000" />
這里的uploadFile /將是您的grails應用程序中web-app目錄內的文件夾。
然后您將能夠看到已經上傳的文件,如下所示:
<% def path = new File("uploadFile/") %>
<uploadr:add name="mySecondUploadr" path="${path}" direction="up" maxVisible="5" unsupported="${createLink(plugin: 'uploadr', controller: 'upload', action: 'warning')}">
<% path.listFiles().each { file -> %>
<uploadr:file name="${file.name}">
<uploadr:fileSize>${file.size()}</uploadr:fileSize>
<uploadr:fileModified>${file.lastModified()}</uploadr:fileModified>
<uploadr:fileId>myId-${RandomStringUtils.random(32, true, true)}</uploadr:fileId>
</uploadr:file>
<% } %>
</uploadr:add>
為了顯示沒有上傳者上傳到該目錄中的圖像,您可以在GSP頁面上添加圖像標簽,如下所示:
<img class="" src="${resource(dir:'uploadFile',file:'your-image.jpg')}" />
您可以在每個循環中添加圖像,然后將它們變成我的一個:
<g:each in="imageContainingList" var="oneRowObject">
<img class="" src='${resource(dir:"uploadFile", file:"${oneRowObject.imageFile}.jpg")}' />
</g:each>
或者,如果您要列出uploadFile文件夾中的所有圖像,則可以嘗試:
您必須在控制器中收集所有圖像名稱,將它們傳遞到視圖並使用grails image標簽顯示它們。
要收集所有圖像名稱,您需要使用grails應用程序的路徑:
def showImageGalleryControllerFunction(){
def imageDir = grailsAttributes.getApplicationContext().getResource("/uploadFile/").getFile().toString()
//Collect image names
def images = []
new File(imageDir).eachFileMatch (~/.*.png/) { file ->
images << file.getName()
}
[images:images]
}
並在showImageGalleryControllerFunction.gsp文件中:
<g:each in="${images}" var="image">
<g:img dir="images" file="$image" />
</g:each>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.