Adobe Experience Manager Sites & More

crisr1 · ‎15-02-2018

In the ClassUI we had very simple page property syntax providing a way for author to upload a file to the page. Like this..

<cv

jcr:primaryType="cq:Widget"

fieldLabel="CV"

name="./file"

fileNameParameter="./fileName"

fileReferenceParameter="./fileReference"

ddGroups="[media]"

xtype="html5smartfile"/>

Screen Shot 2018-02-15 at 1.55.19 PM.png

Obviously we need to transition to the Touch UI at some point, so I have been working to implement this in the TouchUI. Most CQ widgets and xtypes are very easy to convert, but for whatever reason I cannot get the fileUpload to work.

This is the documentation I am trying to use

FileUpload — Granite UI 1.0 documentation

Here is what I have

<fileupload

jcr:primaryType="nt:unstructured"

jcr:title="Upload "

sling:resourceType="granite/ui/components/foundation/form/fieldset">

<file

jcr:primaryType="nt:unstructured"

sling:resourceType="granite/ui/components/coral/foundation/form/fileupload"

autoStart="{Boolean}false"

fieldLabel="Upload files"

mimeTypes="[application/pdf]"

multiple="{Boolean}false"

name="./file"

sizeLimit="100000000"

text="Upload file"/>

</items>

</fileupload>

It renders a button to upload a file. It allows selection of a file. Upon submission of the dialog, I do not see anything relating to the file in the POST request. Since this is an existing production page component, I need to follow the existing patterns and save the file to a nt:file node under the page's jcr:content node (e.g. page/jcr:content/file). I deally it would also support setting fileReferences too as Classic UI did, but the primary use case is to upload and manage files loaded under the pages.

smacdonald2008 · ‎15-02-2018

You should never have to convert Classic xtype to Granite Types. Granite types have their own widgets.

FileUpload — Granite UI 1.0 documentation

smacdonald2008 · ‎15-02-2018

If this is not working - there may be a bug - file a support ticket to get this fixed.

crisr1 · ‎15-02-2018

OK. "convert" isn't really the right word. The point of writing the ticket here was to get help with the Granite fileUpload. I already had that link to the documentation but is not helping.

smacdonald2008 · ‎15-02-2018

I will look into this for you.

crisr1 · ‎16-02-2018

Thank you. I was looking to reference a cq:dialog from an OOTB file upload component such as http://localhost:4502/crx/de/index.jsp#/libs/foundation/components/form/upload but this component only has dialog.xml.

crisr1 · ‎16-02-2018

This seems like it might work.

<file

jcr:primaryType="nt:unstructured"

jcr:title="CV File"

title="CV"

sling:resourceType="cq/gui/components/authoring/dialog/fileupload"

uploadUrl="${suffix.path}"

page="${empty param.item ? requestPathInfo.suffix : param.item}"

useHTML5="{Boolean}true"

multiple="{Boolean}false"

autoStart="{Boolean}false"

async="{Boolean}false"

fileNameParameter="./fileName"

fileReferenceParameter="./fileReference"

name="./file"

fieldLabel="Upload CV">

</file>

Ideally the existing file would be pre-populated, and it would execute cleanly without the Java exceptions. There are also JS errors in the console (500). The Java exceptionis shown below. But at least the POST operation appears to work.

16.02.2018 12:42:41.339 *ERROR* [0:0:0:0:0:0:0:1 [1518802961331] POST /mnt/overlay/wcm/core/content/sites/properties.html HTTP/1.1] org.apache.sling.servlets.post.impl.operations.ModifyOperation Exception during response processing.

java.lang.UnsupportedOperationException: create 'file.sftmp' at /mnt/overlay/wcm/core/content/sites/properties

at org.apache.sling.resourceresolver.impl.helper.ResourceResolverControl.create(ResourceResolverControl.java:383)

at org.apache.sling.resourceresolver.impl.ResourceResolverImpl.create(ResourceResolverImpl.java:1159)

at org.apache.sling.servlets.post.impl.helper.SlingFileUploadHandler.setFile(SlingFileUploadHandler.java:235)

at org.apache.sling.servlets.post.impl.helper.SlingFileUploadHandler.setFile(SlingFileUploadHandler.java:555)

at org.apache.sling.servlets.post.impl.operations.ModifyOperation.writeContent(ModifyOperation.java:409)

at org.apache.sling.servlets.post.impl.operations.ModifyOperation.doRun(ModifyOperation.java:101)

at org.apache.sling.servlets.post.AbstractPostOperation.run(AbstractPostOperation.java:97)

at org.apache.sling.servlets.post.impl.SlingPostServlet.doPost(SlingPostServlet.java:205)

at org.apache.sling.api.servlets.SlingAllMethodsServlet.mayService(SlingAllMethodsServlet.java:149)

at org.apache.sling.api.servlets.SlingSafeMethodsServlet.service(SlingSafeMethodsServlet.java:346)

at org.apache.sling.api.servlets.SlingSafeMethodsServlet.service(SlingSafeMethodsServlet.java:378)

at org.apache.sling.engine.impl.request.RequestData.service(RequestData.java:552)

at org.apache.sling.engine.impl.filter.SlingComponentFilterChain.render(SlingComponentFilterChain.java:44)

at org.apache.sling.engine.impl.filter.AbstractSlingFilterChain.doFilter(AbstractSlingFilterChain.java:77)

at com.day.cq.wcm.core.impl.WCMDebugFilter.doFilter(WCMDebugFilter.java:156)