Question

我在html页面中执行文件上传操作，并且可以使用以下JavaScript验证单个文件上传的文件大小。如何验证多文件上传。

<input type="file" id="fileUpload" />
<input type="button" id="upload" value="Upload" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
    $("#upload").bind("click", function () {
        if (typeof ($("#fileUpload")[0].files) != "undefined") {
            var size = parseFloat($("#fileUpload")[0].files[0].size / (1024*1024)).toFixed(2);
            if(size < 5.00){
                alert("You are eligible to upload file");
            }
            else{
                alert("This File is too large");
            }
        } else {
            alert("This browser does not support HTML5.");
        }
    });
});
</script>

在下面，我有用于多文件上传的输入字段

<input type="file" id="fileUpload" name="upload[]" multiple="multiple"/>
<input type="button"  id="upload" value="Upload"/>

Answer 1

使用每个循环一个接一个地获取每个文件，并按照您现在对第一个文件的操作进行验证。

const PopupExample = () => (
  <div>
    <Popup
      trigger={<Button icon>Click me</Button>}
      content='Content 1'
      on='click'
    />
    <Popup
      trigger={<Button icon>click me1</Button>}
      content='Content 2'
      on='click'
    />
  </div>
)

export default PopupExample

无法验证使用JavaScript进行多文件上传的文件大小

1 个答案: