uploadfiy 动态传递Form 参数

参见 百度 http://jingyan.baidu.com/article/a3a3f8118b1c4d8da3eb8a60.html

 

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script src="~/Plugs/uploadify/jquery.uploadify.min.js"></script>
<link href="~/Plugs/uploadify/uploadify.css" rel="stylesheet" />

<script type="text/javascript"> $(document).ready(function () { $("#uploadify").uploadify({ //开启调试 'debug': false, //是否自动上传 'auto': true, //超时时间 'successTimeout': 99999, //附带值 /* 'formData':{ 'userid':'用户id', 'username':'用户名', 'rnd':'加密密文' }, */ //flash swf: '/Plugs/uploadify/uploadify.swf', //不执行默认的onSelect事件 // 'overrideEvents' : ['onDialogClose'], //文件选择后的容器ID 'queueID': 'uploadfileQueue', //服务器端脚本使用的文件对象的名称 $_FILES个['upload'] 'fileObjName': 'upload', //上传处理程序 uploader: '../ExcelToUserRecord/IndexPost', //浏览按钮的背景图片路径 //'buttonImage':'upbutton.gif', //浏览按钮的宽度 'width':'80', //浏览按钮的高度 'height':'32', //expressInstall.swf文件的路径。 'expressInstall': 'uploadify/expressInstall.swf', //在浏览窗口底部的文件类型下拉菜单中显示的文本 'fileTypeDesc': '支持的格式:', //允许上传的文件后缀 'fileTypeExts': '*.jpg;*.jpge;*.gif;*.*', //上传文件的大小限制 'fileSizeLimit': '1MB', //上传数量 'queueSizeLimit': 1, //每次更新上载的文件的进展 'onUploadProgress': function (file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) { //有时候上传进度什么想自己个性化控制,可以利用这个方法 //使用方法见官方说明 }, //选择上传文件后调用 'onSelect': function (file) { }, //返回一个错误,选择文件的时候触发 'onSelectError': function (file, errorCode, errorMsg) { switch (errorCode) { case -100: alert("上传的文件数量已经超出系统限制的" + $('#uploadify').uploadify('settings', 'queueSizeLimit') + "个文件!"); break; case -110: alert("文件 [" + file.name + "] 大小超出系统限制的" + $('#uploadify').uploadify('settings', 'fileSizeLimit') + "大小!"); break; case -120: alert("文件 [" + file.name + "] 大小异常!"); break; case -130: alert("文件 [" + file.name + "] 类型不正确!"); break; } }, //检测FLASH失败调用 'onFallback': function () { alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。"); }, //上传到服务器,服务器返回相应信息到data里 'onUploadSuccess': function (file, data, response) { alert(data + "哈哈哈哈"); }, 'onUploadStart': function (file) { // "CreateDate", $('#CreateDate').datebox('getValue') var element = {}; element.CreateDate = $('#CreateDate').datebox('getValue'); element.two = 2; element.three = 3; element.four = 4; $('#uploadify').uploadify('settings', 'formData', element); } }); });</script> <input id="CreateDate" name="CreateDate" class="easyui-datebox"></input> <input id="uploadify" name="uploadify" type="file" />

 

posted @ 2015-07-30 15:59  pengbg  阅读(155)  评论(0编辑  收藏