javascript - 获取所选文件的文件大小 xp :fileUpload in CSJS

Question

我想检查在 CSJS 中的 xp:fileupload 控件中选择的文件的大小，以便我可以阻止它被提交(并且可能由于服务器上设置的限制而失败)

这可能吗？

我找到了这个规范，但我不知道如何使用它:https://www.openntf.org/xspext/xpages%20extension%20library%20documentation.nsf/xpages-doc/xp_fileUpload.html#prop_size

Answer 1

除非在开发某种 JS 客户端功能时考虑到这一点，否则 xp 控件无能为力。

当然，JSF框架只能在为时已晚的情况下检查文件大小，在文件已经完整上传到服务器时才读取。不过，我不会放弃这种可能性，因为它在后备场景中仍然有用。

在客户端，您可以选择使用 FileReader ( compatibility )。您可以按照以下方式定义函数:

function checkFileSize(inputFile) {
    if (!FileReader) return;

    var file = inputFile.files[0];

    if (file && file.size > Number(inputFile.dataset.limit)) {
        inputFile.value = '';
        alert(inputFile.dataset.error);
    }
}

fileUpload(该示例设置为与 onchange 一起使用，并且限制为 1 MB):

<xp:fileUpload id="uploadFile" onchange="checkFileSize(event.target)">
    <xp:this.attrs>
        <xp:attr name="data-limit" value="1000000" />
        <xp:attr name="data-error" value="The file exceeds 1MB" />
    </xp:this.attrs>
</xp:fileUpload>