jquery uploadify 使用

/*进度条框*/
.shangchuantishikuang {
    border: 7px solid #74A5BF;
    background-color: white;
    font-size: 14px;
    color: #666666;
    font-family: ‘Microsoft YaHei‘;
    position: fixed;
    top: 170px;
    left: 700px;
    width: 400px;
    padding: 10px;
    padding-left: 0px;
    padding-top: 0px;
    z-index: 10000;
}
      #region 图片上传

        [AcceptVerbs(HttpVerbs.Post)]
        public JsonResult Upload(HttpPostedFileBase fileData)
        {

            if (fileData != null)
            {
                try
                {
                    //1.拼接图片路径
                    var fileName = Guid.NewGuid().ToString() + System.IO.Path.GetExtension(fileData.FileName);
                    //2.上传到阿里云
                   //3.返回结果
                    return Json(new { Success = true, FileName=fileName }, JsonRequestBehavior.AllowGet);
                }
                catch (Exception ex)
                {
                    return Json(new { Success = false, Message ="error"}, JsonRequestBehavior.AllowGet);
                }
            }
            else
            {
                return Json(new { Success = false, Message = "fail" }, JsonRequestBehavior.AllowGet);
            }
        }
        #endregion     

//上传图片
function inital(id, text, s) {

    //进度框
    $("#fileQueue").hide();
    $(‘#‘ + id).uploadify({
        ‘buttonText‘: text,
        ‘queueID‘: ‘fileQueue‘,
        ‘fileTypeDesc‘: ‘请选择图片‘,
        //允许上传的文件后缀
        ‘fileTypeExts‘: ‘*.gif; *.jpg; *.png‘,
        ‘swf‘: ‘/Scripts/uploadify-v3.1/uploadify.swf?rom=‘ + Math.random(),
        ‘uploader‘: ‘/Controller/Upload?rom=‘ + Math.random(),
        ‘onUploadSuccess‘: function (file, data, response) { //文件上传成功时处理
            eval("data=" + data);

          });

}

jquery uploadify 使用

时间: 2024-10-13 02:22:41

jquery uploadify 使用的相关文章

关于jquery.uploadify.js不兼容IE11

我们使用jquery.uploadify.js插件进行文件上传的时候,可能会遇到在IE11浏览器下点击上传按钮没有反应,看到很多博友们说的天花烂坠,最后问题没有解决掉,其实问题很简单,只是这个问题又很难被发现,那么接下来进入正式话题---- 之所以IE11没有显示出上传的对话框是因为这个插件的一个样式所导致,既:z-index 解决方案:打开jquery.uploadify.js插件,Ctrl+F,搜索z-index,此刻你会发现插件的z-index:1,就是这个原因导致IE11显示不出来,改成

使用jQuery Uploadify在ASP.NET 上传附件 (转)

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.Uploadify官方网址:http://www.uploadify.com/,在MVC中使用的方法可以参考 jQuery Uploadify在ASP.NET MVC3中的使用 和 Asp.net Mvc中使用uploadify实现图片缩放保存. 本文是一个简单的介绍Demo,主要是动态传递参数方法:通过formdata 向处理程序传递额外的表单数据: <!DOCTYPE html PUBLIC "-//W3C

Jquery Uploadify多文件上传实例

jQuery Uploadify开发使用的语言是java. 详细的相关文档,可以参考官网的doc:http://www.uploadify.com/documentation/ 官网的讲解还是很详细的,关键是要耐心看.虽说是英文,单有百度翻译. 看官网jQuery uploadify有基于flash和html5 的2个版本.我使用的是基于flash的. Jsp页面引用的文件有: <!-- 转诊单的附件商场页面 --> <script type="text/javascript&

详解jQuery uploadify文件上传插件的使用方法

uploadify这个插件是基于js里面的jquery库写的.结合了ajax和flash,实现了这个多线程上传的功能. 现在最新版为3.2.1. 在线实例 实例中用到的php文件UploaderDemo.php请在页面下方下载 引入文件 <link rel="stylesheet" type="text/css" href="uploadify.css" /> <script type="text/javascript

jquery.uploadify+jquery.form异步提交那点事

jquery.uploadify+jquery.form中使用ajaxSubmit提交时没有走提交后的Success事件,一点提交直接Post过去了,然后就结束了,也没走提交完后的事件. 用火狐找了后发现 TypeError: $.handleError is not a function 提交时出现:TypeError: $.handleError is not a function 因为$.handleError 只在jquery-1.4.4之前的版本中存在,jquery-1.6 ,1.7和

如何解决用jquery.uploadify.js进行多文档上传会修改document的title

在dwz框架中使用了jquery.uploadify.js进行多文档上传当打开窗口后会发现document的title被无意之中修改.进行代码调试也没有发现.对swfobject进行研究也没有发现修改title的情况. 只能采用一种方式禁止修改title var oldTitle = document.title; try { document.attachEvent('onpropertychange', function(){ if (document.title != oldTitle )

jQuery.uploadify文件上传组件实例讲解

1.jquery.uploadify简介 在ASP.NET中上传的控件有很多,比如.NET自带的FileUpload,以及SWFUpload,Uploadify等等,尤其后面两个控件的用户体验比较好,无刷新,带上传进度等等.在最近的短信平台开发中,使用Uploadify进行文件上传. Uploadify官网地址是:http://www.uploadify.com/ 可满足项目开发需求. 下载地址:http://www.uploadify.com/wp-content/uploads/files/

解决jQuery uploadify在非IE核心浏览器下无法上传

之前上传了一个通过Flash实现多文件上传,但是在IE正常运行,FireFox 不能正常上传.经过反复研究学习,之所以firefox和360浏览器无法正常运行,是因为FireFox.chrome.360浏览器等支持HTML5的浏览器不会再文件上传时自动带入session信息和cookie,不共享session. 一.jquery uploadify自我介绍: (1).大家好,我是jquery插件大家族中负责实现异步上传的插件,我不是唯一,只是较好用的一款. (2).我的功能: 支持单文件或多文件

MVC3+jquery Uploadify 上传文件

最近做项目用到了上传图片的功能,以前也写过这类代码,不过都是用传统的file标签,今天整理一个好用的插件Uploadify..都做了一些注释,一看便知. 可以去官网下载最新的:Uploadify下载地址:http://www.uploadify.com/download/ 1.引用文件 <link href="@Url.Content("~/Scripts/uploadify/uploadify.css")" rel="stylesheet"

jquery.uploadify 使用过程

HTML: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>swfupload_ajax_demo</title> <link href="../css/Member.css" rel="stylesheet" type="text/css" /> &