图片文件上传

 <form method="post" id="formfile" enctype="multipart/form-data">
                        <table>
                            <tr>
                                <th>文件路径:</th>
                                <!--新增accept属性选择特定格式图片-->
                                <td><input class="easyui-filebox"  name="FilePath" id="filePath" data-options="prompt:'请选择文件......',buttonText:'...',required:true,accept:'image/jpeg,image/png,image/gif'" />
                                </td>
                            </tr>
                            <tr>
                                <th>文件类型:</th>
                                <td><input class="easyui-combobox" name="SubFileType" id="txtSubFileType" type="text" data-options="valueField:'id',required:true,textField:'text',data:[{id:'TX',text:'头像'},{id:'SFZ',text:'身份证'},{id:'JSZ',text:'驾驶证'},{id:'LGHT',text:'路歌合同'}]"/></td>
                            </tr>

                            <tr>
                                <th>备注:</th>
                                <td><input class="easyui-textbox" name="Remark" id="txtRemark" type="text" /></td>
                            </tr>
                            <tr>
                                <th>建档人:</th>
                                <td><input class="easyui-textbox" data-options="disabled:true" id="txtCreator" type="text" value="@ViewBag.UserName" /></td>
                            </tr>
                            <tr>
                                <th>建档日期:</th>
                                <td><input class="easyui-textbox" data-options="disabled:true" id="txtCreateDT" type="text" /></td>
                            </tr>
                        </table>
                    </form>

 function SaveFile() {
        var LG_File = $("#txtSubFileType").combobox("getValue");
        if (LG_File!=="LGHT") {
            //供应商附件上传格式限制
            var filePathText = $("#filePath").filebox("getText");
            var regular = /.(gif|jpg|jpeg|png|GIF|JPG|JPEG|PNG)$/;
            if (!regular.test(filePathText)) {
                $.Info("附件图片格式支持 .gif, .jpg, .jpeg, .png, .GIF, .JPG, .JPEG, .PNG 格式");
                return;
            }
        }

        var txtSubType = $("#txtSubFileType").combobox('getValue');
        var txtSubFillType = $("#filePath").filebox('getValue');
        if (txtSubType == "" | txtSubFillType == "") {
            $.Info("请填写完整信息")
        }
        else {
           
            $("#formfile").form('submit', {
                url: '/DriverFileManager/UploadFile', //用于文件上传的服务器端请求地址
                queryParams: {
                    BillNo: $("#hdBillNo").val(),
                    FileType: $("#hdFileType").val(),
                    SupplierCode: $("#hdSupplierCode").val()
                },
                dataType: "json",
                onSubmit: function () {

                },
                success: function (data) {
                    data = $.parseJSON(data)
                    if (data.err === "") {
                        loadFileList();
                        $("#formfile").form("clear");
                        $("#txtCreator").textbox("setText", $("#hdUserName").val());
                        $("#txtCreateDT").textbox("setText", $.CurrDate(false));
                        return true;
                    } else {
                        $.Error("上传失败");
                    }
                }, error: function () {
                    $.Error("上传失败");
                }
            })
         
        }
           
        
    }

原文地址:https://www.cnblogs.com/zhang-wenbin/p/7606297.html