zoukankan      html  css  js  c++  java
  • 图片文件上传

     <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("上传失败");
                    }
                })
             
            }
               
            
        }

  • 相关阅读:
    Python 学习日记 第七天
    Python 学习日记 第六天
    Python 学习日记 第五天
    Python 学习日记 第四天
    Redis 中的数据类型及基本操作
    Asp.net mvc 中View 的呈现(二)
    Asp.net mvc 中View的呈现(一)
    Asp.net mvc 中Action 方法的执行(三)
    Asp.net mvc 中Action 方法的执行(二)
    Asp.net mvc 中Action 方法的执行(一)
  • 原文地址:https://www.cnblogs.com/zhang-wenbin/p/7606297.html
Copyright © 2011-2022 走看看