Jquery Form 上传文件

这里仅介绍如何使用jQuery Form如何上传文件

 

html： 

<form id="uploadForm" action="@Url.Action("BachAddMaterialUpload","Material")"  method="post" enctype="multipart/form-data" encoding="multipart/form-data">

                    <input type="hidden" name="MAX_FILE_SIZE" value="100000" />

                    文件:

                    <input type="file" name="file"  id="upfile" />

                

                    <input type="submit" value="上传" />

                </form

 

 

 Js:

 $('#uploadForm').ajaxForm({

        beforeSubmit: function(a,f,o) {// 提交前触发事件

            o.dataType = "json"; //注意  该项设置返回值的类型 , 默认为null 可选赋值 'xml', 'script', or 'json'

// 必须设置！！

            $('#uploadOutput').html('提交中');
        },
        success: function(data) {
            var $out = $('#uploadOutput');
            $out.html('成功');
           
        }

    });