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

  • 相关阅读:
    【ARM-Linux开发】Linux下更改目录下所有文件的所有者及其权限
    【ARM-Linux开发】Linux下更改目录下所有文件的所有者及其权限
    # 【ARM-Linux开发】在Win7的电脑上直接运行安装Ubuntu14.04发生的问题 标签(空格分隔): 【Linux开发】 --- > 一段时间以来,一直是在Windows上安装虚拟机
    # 【ARM-Linux开发】在Win7的电脑上直接运行安装Ubuntu14.04发生的问题 标签(空格分隔): 【Linux开发】 --- > 一段时间以来,一直是在Windows上安装虚拟机
    【ARM-Linux开发】wubi.exe安装Ubuntu14.04出现为/检查磁盘时发生严重错误的解决方法
    【ARM-Linux开发】wubi.exe安装Ubuntu14.04出现为/检查磁盘时发生严重错误的解决方法
    【VS开发】winsock 错误多 windows.h和winsock2.h的顺序
    【VS开发】winsock 错误多 windows.h和winsock2.h的顺序
    【FFMPEG】VS2013编译ffmpeg
    【FFMPEG】VS2013编译ffmpeg
  • 原文地址:https://www.cnblogs.com/zhang-wenbin/p/7606297.html
Copyright © 2011-2022 走看看