js:

  $(document).ready(function () {

         //$('#creater').combobox({
         //    url: '/VMS.UI/BindData/ScheamData?type=26',
         //    dataType: 'json'

         //});

             $('#education').combobox({
                 url: '/VMS.UI/BindData/ScheamData?type=26',
                 dataType: 'json'
             });

             $('#job').combobox({
                 url: '/VMS.UI/BindData/ScheamData?type=24',
                 dataType: 'json',
                 value: '专职'
             });

             $('#station').combobox({
                 url: '/VMS.UI/BindData/ScheamData?type=29',
                 dataType: 'json'
             });

             $('#org').combotree({
                 url: '/VMS.UI/BindData/OrgData',
                 dataType: 'json',
                 idFiled: 'IID',
                 textFiled:'OrgName',
                 onLoadSuccess: function () {
                     $('#org').combotree('tree').tree("collapseAll");
                 },
                 onSelect: function (node) {
                     $('#dept').combobox({
                         url: '/VMS.UI/BindData/GetDepartments?deptID=' + node.id,
                         dataType: 'json',
                         valueField: 'IID',
                         textField: 'DeptName'
                     });
                 }
             });

         $(function () {
             $("#uploadpic").uploadPreview({
                 Img: "pic",
                 Width: 120,
                 Height: 120
             });
         });

         function formValidate() {
             var station = $('#station').combobox('isValid');
             var name = $('#name').validatebox('isValid');
             var cardNumber = $('#cardNumber').validatebox('isValid');
             var mobilePhone = $('#mobilePhone').numberbox('isValid');
             var org = $('#org').combotree('isValid');
             var dept = $('#dept').combobox('isValid');
             var drivingCertificate = $('input[name="DrivingCertificate"]').validatebox('isValid');
             if (!station) {
                 $('#station').combobox().next('span').find('input').focus()
                 return false;
             }
             if (!name) {
                 $('#name').focus();
                 return false;
             }
             if (!cardNumber) {
                 $('#cardNumber').focus()
                 return false;
             }
             if (!mobilePhone) {
                 $('#mobilePhone').focus()
                 return false;
             }
             if (!org) {
                 $('#org').combobox().next('span').find('input').focus()
                 return false;
             }
             if (!dept) {
                 $('#dept').combobox().next('span').find('input').focus()
                 return false;
             }
             if (!drivingCertificate) {
                 $('input[name="DrivingCertificate"]').focus()
             }
             return true;
         }

         $('#save').click(function () {
             if (formValidate()) {
                 $('#form_driverinfo').submit();
             }
         });

         $('#clear').click(function () {
             $.messager.confirm('确认对话框', '是否确定清空?', function (r) {
                 if (r) {
                     $('#form_driverinfo').form('reset');
                 }
             });
         });
     });

MVC:

 [HttpPost]
         public ActionResult AddVehicleDriver(VehicleDrivers driver)
         {
             if (driver.Picture != null)
             {
                 HttpPostedFileBase file = Request.Files["Picture"];
                 if (file != null)
                 {
                     driver.Picture = SaveImgAndGetPath(file);
                 }
             }
 }

  /// <summary>
         /// 保存图片并获取地址
         /// </summary>
         /// <param name="file">文件</param>
         /// <returns>返回路径</returns>
         private string SaveImgAndGetPath(HttpPostedFileBase file)
         {

             //设置文件名+获取文件扩展名
             string imgName = DateTime.Now.ToString("yyyyMMddHHmmss") + new Random().Next(1000, 9999).ToString() + Path.GetExtension(file.FileName);

             // 生成要存档的 文件路径和文件名
             string serverPath = System.Web.HttpContext.Current.Server.MapPath("~");
             string imgFullPath = Path.Combine(serverPath, @"UploadImage\driverImg\", imgName);
             //string imgPath = Path.Combine(Server.MapPath("/UploadImage/driverImg/"), imgName);

             //上传服务器
             file.SaveAs(imgFullPath);

             string imgRelativePath = System.Web.HttpContext.Current.Request.ApplicationPath + @"\UploadImage\driverImg\" + string.Format("{0}", imgName);

             return imgRelativePath;
         }

jqueryExtends:

 jQuery.fn.extend({
     uploadPreview: function (opts) {
         var _self = this, _this = $(this);
         opts = jQuery.extend({
             Img: "ImgPr",
             Width: 100,
             Height: 100,
             ImgType: ["gif", "jpeg", "jpg", "bmp", "png"],
             Callback: function () {
             }
         }, opts || {});
         _self.getObjectURL = function (file) {
             var url = null;
             if (window.createObjectURL != undefined) {
                 url = window.createObjectURL(file)
             } else if (window.URL != undefined) {
                 url = window.URL.createObjectURL(file)
             } else if (window.webkitURL != undefined) {
                 url = window.webkitURL.createObjectURL(file)
             }
             return url
         };
         _this.change(function () {
             if (this.value) {
                 if (!RegExp("\.(" + opts.ImgType.join("|") + ")$", "i").test(this.value.toLowerCase())) {
                     alert("选择文件错误,图片类型必须是" + opts.ImgType.join(",") + "中的一种");
                     this.value = "";
                     return false
                 }
                 if ($.browser.msie) {
                     try {
                         $("#" + opts.Img).attr('src', _self.getObjectURL(this.files[0]))
                     } catch (e) {
                         var src = "";
                         var obj = $("#" + opts.Img);
                         var div = obj.parent("div")[0];
                         _self.select();
                         if (top != self) {
                             window.parent.document.body.focus()
                         } else {
                             _self.blur()
                         }
                         src = document.selection.createRange().text;
                         document.selection.empty();
                         obj.hide();
                         obj.parent("div").css({
                             'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)',
                             'width': opts.Width + 'px',
                             'height': opts.Height + 'px'
                         });
                         div.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = src
                     }
                 } else {
                     $("#" + opts.Img).attr('src', _self.getObjectURL(this.files[0]))
                 }
                 opts.Callback()
             }
         })
     }
 });

上传预览 easyui部分控件获取focuse 表单验证的更多相关文章

  1. ux.plup.File plupload 集成 ux.plup.FileLis 批量上传预览

    //plupload 集成 Ext.define('ux.plup.File', { extend: 'Ext.form.field.Text', xtype: 'plupFile', alias: ...

  2. ASP.NET工作笔记之一:图片上传预览及无刷新上传

    转自:http://www.cnblogs.com/sibiyellow/archive/2012/04/27/jqueryformjs.html 最近项目里面涉及到无刷新上传图片的功能,其实也就是上 ...

  3. 模拟QQ心情图片上传预览

    出于安全性能的考虑,目前js端不支持获取本地图片进行预览,正好在做一款类似于QQ心情的发布框,找了不少jquery插件,没几个能满足需求,因此自己使用SWFuplad来实现这个图片上传预览. 先粘上以 ...

  4. 用html5文件api实现移动端图片上传&预览效果

    想要用h5在移动端实现图片上传&预览效果,首先要了解html5的文件api相关知识(所有api只列举本功能所需): 1.Blob对象  Blob表示原始二进制数据,Html5的file对象就继 ...

  5. 微信开发中使用微信JSSDK和使用URL.createObjectURL上传预览图片的不同处理对比

    在做微信公众号或者企业微信开发业务应用的时候,我们常常会涉及到图片预览.上传等的处理,往往业务需求不止一张图片,因此相对来说,需要考虑的全面一些,用户还需要对图片进行预览和相应的处理,在开始的时候我使 ...

  6. 兼容好的JS图片上传预览代码

    转 : http://www.codefans.net/articles/1395.shtml 兼容好的JS图片上传预览代码 (谷歌,IE11) <html xmlns="http:/ ...

  7. PHP WAMP 文件上传 及 简单的上传预览

    ...... 使用特殊的表单类型file, 主(上传)页面: <form action="chuli.php" method="post" enctype ...

  8. 单图上传预览(uploadpreview )

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. Jquery图片上传预览效果

    uploadPreview.js jQuery.fn.extend({ uploadPreview: function (opts) { var _self = this, _this = $(thi ...

随机推荐

  1. Nested weights are bad for performance

    警告信息“Nested weights are bad for performance”的消除方法 原因分析:在布局进行嵌套使用时,父布局与子布局都使用了android:layout_weight,但 ...

  2. 基于Verilog HDL 的数字时钟设计

    基于Verilog HDL的数字时钟设计 一.实验内容:     利用FPGA实现数字时钟设计,附带秒表功能及时间设置功能.时间设置由开关S1和S2控制,分别是增和减.开关S3是模式选择:0是正常时钟 ...

  3. JSTL select和checkbox的用法

    select的 用法 <select id="roleIds" name="roleIds" multiple="true" back ...

  4. read gc log

    http://www.aichengxu.com/article/Java/18368_2.html https://blogs.oracle.com/poonam/entry/understandi ...

  5. PHP 页面缓冲函数

    1.flush:刷新缓冲区的内容,输出.函数格式:flush()说明:这个函数经常使用,效率很高.2.ob_start :打开输出缓冲区函数格式:void ob_start(void)说明:当缓冲区激 ...

  6. 单向链表(C#)

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...

  7. redis sentinel 集群监控 配置

    环境: ip  172.16.1.31 26379  redis sentinel ip  172.16.1.30 6379   主 1 ip  172.16.1.31 6380   从 1 ip   ...

  8. Nginx rewrite 规则 与 proxy_pass 实现

    Nginx rewrite 规则  与 proxy_pass 实现     -------------------------------------------------------------- ...

  9. 控制流之continue

    continue语句continue语句被用来告诉Python跳过当前循环块中的剩余语句,然后 继续 进行下一轮循环.使用continue语句~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ...

  10. PHP 安装 redis、memcached、openssl、pdo_mysql等

        PHP openssl 扩展的安装 这些插件可以通过在 php.ini 中添加 extension 的方式来加载所需要的插件,其实在 php 的安装包里就已经有相关的插件代码包了,在 php7 ...