簡單實現上傳文件進度條

<form method="post" action="@Url.Action("ReceiveFile", new {controller = "Home" })" enctype="multipart/form-data">
    <input type="file" name="file1" />
</form>

定義form標籤的時候要注意enctype="mutipart/form-data"。

<script type="text/javascript">
    $(function () {
        $("[name=file1]").change(function () {//文件改變的時候觸發異步提交表單事件。
            $(this).parents("form").ajaxSubmit({
                uploadProgress: function (event,position,total,percent) {
                    //percent就是百分比了
                    console.log(percent);
                }
            });
        });
    });
</script>

前端要引用 jquery.form.js