Javascript 为什么触摸Ui文件上传呈现为按钮?
我需要从Classic UI的HTML5 SmartFile xtype迁移到Touch UI的fileupload资源类型(/libs/granite/UI/components/coral/foundation/form/fileupload)。但转换后只有一个按钮(“删除资产”区域缺失) 对于granite组件,我应该怎么做,就像在经典UI中一样 经典用户界面:Javascript 为什么触摸Ui文件上传呈现为按钮?,javascript,aem,sling,aem-touch-ui,Javascript,Aem,Sling,Aem Touch Ui,我需要从Classic UI的HTML5 SmartFile xtype迁移到Touch UI的fileupload资源类型(/libs/granite/UI/components/coral/foundation/form/fileupload)。但转换后只有一个按钮(“删除资产”区域缺失) 对于granite组件,我应该怎么做,就像在经典UI中一样 经典用户界面: <file jcr:primaryType="cq:Widget" allowUpload="{Boole
<file
jcr:primaryType="cq:Widget"
allowUpload="{Boolean}false"
autoUploadDelay="1"
ddAccept="application/pdf"
ddGroups="[media]"
fieldLabel="File"
fileNameParameter="./fileName"
fileReferenceParameter="./fileReference"
mimeTypes="application/pdf"
name="./file"
sizeLimit="25"
xtype="html5smartfile"/>
触摸界面:
<file
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/fileupload"
fieldLabel="File"
fileNameParameter="./fileName"
fileReferenceParameter="./fileReference"
mimeTypes="[application/pdf]"
multiple="{Boolean}false"
name="./file"
sizeLimit="{Long}25"/>
在您的
cq:dialog
中:
<file
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/authoring/dialog/fileupload"
autoStart="{Boolean}false"
class="cq-droptarget"
fileNameParameter="./fileName"
fileReferenceParameter="./fileReference"
mimeTypes="[image/gif,image/jpeg,image/png,image/webp,image/tiff,image/svg+xml]"
multiple="{Boolean}false"
name="./file"
title="Upload Image Asset"
uploadUrl="${suffix.path}"
useHTML5="{Boolean}true"/>
这是基于核心组件映像v2,您可能应该使用它:
<cq:dropTargets jcr:primaryType="nt:unstructured">
<image
jcr:primaryType="cq:DropTargetConfig"
accept="[image/gif,image/jpeg,image/png,image/webp,image/tiff,image/svg+xml]"
groups="[media]"
propertyName="./fileReference">
<parameters
jcr:primaryType="nt:unstructured"
imageCrop=""
imageMap=""
imageRotate=""/>
</image>
</cq:dropTargets>