В случае демонстрации Primefaces есть Пример FileUpload , который выглядит так, как вы просите:
<p:fileUpload widgetVar="uploader" height="48" width="48"
fileUploadListener="#{fileUploadController.handleFileUpload}"
image="/images/browse.png" cancelImage="/images/cancel.png"
allowTypes="*.jpg;*.png;*.gif;" description="Images" customUI="true"/>
<h:outputLink value="#" title="Upload" onclick="uploader.upload();"
style="font-weight:bold;color:#616D7E">
Upload Files
</h:outputLink>
Это реализовано во флэш-памяти. Я не знаю, есть ли альтернативы html5.
Вы также можете попробовать использовать атрибут autoupload (auto="true"
) вместо ссылки.
Пожалуйста, дайте мне знать, если у вас все получится.