js判断文件大小以及阻止form表单提交

最新推荐文章于 2022-07-24 21:23:56 发布

许你一世晚安

最新推荐文章于 2022-07-24 21:23:56 发布

阅读量679

点赞数

分类专栏：项目中的问题文章标签：上传文件限制大小阻止form表单提交

项目中的问题专栏收录该内容

2 篇文章 0 订阅

订阅专栏

https://blog.csdn.net/u014236259/article/details/52885591

js是看到别人博客写的，直接复制下来的，然后修修补补，虽然很多没用，但是也比自己写方便

为什么需要这个，服务器是Nginx的，Nginx限制了上传文件的大小，最开始报413的错误，要求用代码解决，不改Nginx配置文件

window.check = function () {

    var input = document.getElementById("file");
    if (input.files) {
        //读取图片数据
        var f = input.files[0];
        var reader = new FileReader();
        if (f.size > 1 * 1024 * 1024) {
            alert("请上传小于1M的图片!");
            return false;
        }
    }
};

<form class="form_t" action="<?php echo Url::toRoute(['device/create']); ?>"method="post" enctype="multipart/form-data" οnsubmit="return check()">

<div class="lin_input">
    <div class="remark_o"><span class="remark_i">&nbsp;</span></div>
    <div class="label_t"><span class="label_i w4">添加样片</span></div>
    <div class="input_o">
   <input type="file" id="file" name="imgFile">（请上传小于1M的图片）
    </div>

</div>