如何在JSF / PrimeFaces上传之前调整图像大小？

Question

我正在尝试基于JSF调整图像大小，并以某种方式将其添加到我的uploadedFileHandler。
我找不到一个简单的PrimeFaces / JSF方法，所以我在这里尝试这个实用程序：rossturner/HTML5-ImageUploader 我不知道如何确保inputFile将被Javascript部分替换。

<h:form id="form" enctype="multipart/form-data">
    <h:outputScript library="js" name="ImageUploader.js" />
    <h:inputFile id="fileInputElement" />
</h:form>

<h:outputScript type="text/javascript">
$(document).ready(function() {
    var uploader = new ImageUploader({
        inputElement : $("#upload\\:photo_upload\\:form\\:fileInputElement")[0],
        uploadUrl : 'i/dont/know/what/to/put/here'
        });
});
</h:outputScript>

这似乎在JSF或PrimeFaces中应该很容易，但到目前为止，我的搜索未能找到JSF世界的解决方案。

基本上我们只是想让移动用户能够拍照并确保将其调整大小以节省带宽。 我们使用的是JSF 2.2.15，PrimeFaces 6.1，TomCat 9.0和Java 1.8_141。 感谢您提供的任何提示！