Uploadify 之使用

uploadify 3.2.1是 jQuery提供的一个上传插件,其参数详解见 http://www.cnblogs.com/yangy608/p/3915349.html

这里列举一个实际应用的例子:其实是摘自onethink的一段代码,关靠参数,没有实际例子,对于我等初学者实为不利

<script type="text/javascript" src="/uploadify/jquery.min.js"></script>
<script type="text/javascript" src="/uploadify/jquery.uploadify.min.js"></script>
<input type="file" id="upload_picture_{$field.name}">
<input type="hidden" name="{$field.name}" id="cover_id_{$field.name}" value="{$data[$field[‘name‘]]}"/>
<div class="upload-img-box">

<div class="upload-pre-item"><img src="{$data[$field[‘name‘]]|get_cover=‘path‘}"/></div>

</div>
<script type="text/javascript">
                                //上传图片
                                /* 初始化上传插件 */
                                $("#upload_picture_{$field.name}").uploadify({
                                    "height"          : 30,
                                    "swf"             : "__STATIC__/uploadify/uploadify.swf",
                                    "fileObjName"     : "download",
                                    "buttonText"      : "上传图片",
                                    "uploader"        : "{:U(‘File/uploadPicture‘,array(‘session_id‘=>session_id()))}",
                                    "width"           : 120,
                                    ‘removeTimeout‘      : 1,
                                    ‘fileTypeExts‘      : ‘*.jpg; *.png; *.gif;‘,
                                    "onUploadSuccess" : uploadPicture{$field.name},
                                    ‘onFallback‘ : function() {
                                        alert(‘未检测到兼容版本的Flash.‘);
                                    }
                                });
                                function uploadPicture{$field.name}(file, data){
                                    var data = $.parseJSON(data);
                                    var src = ‘‘;
                                    if(data.status){
                                        $("#cover_id_{$field.name}").val(data.id);
                                        src = data.url || ‘__ROOT__‘ + data.path
                                        $("#cover_id_{$field.name}").parent().find(‘.upload-img-box‘).html(
                                            ‘<div class="upload-pre-item"><img src="‘ + src + ‘"/></div>‘
                                        );
                                    } else {
                                        updateAlert(data.info);
                                        setTimeout(function(){
                                            $(‘#top-alert‘).find(‘button‘).click();
                                            $(that).removeClass(‘disabled‘).prop(‘disabled‘,false);
                                        },1500);
                                    }
                                }
</script>
时间: 2024-08-11 07:43:29

Uploadify 之使用的相关文章

Uploadify/uploadifive上传(中文文档)

Uploadify是一款基于JQuery的优秀的文件/图片上传的插件,有基于Flash和HTML5两种版本. Uploadify/uploadifive主要特点有: 1. 多文件上传 2. 个性化设置 3. 上传进度条显示 4. 拖拽上传(HTML5版本) 官网:http://www.uploadify.com 部署 在部署一个Uploadify实例前,请确保满足最低要求: 1.jQuery 1.4.x 或更高版本 2.Flash Player 9.0.24 或更高版本 3.支持PHP, ASP

uploadify插件实现多文件上传

前台HTML代码: <div class="control-group" id="title-control-group"> <label class="control-label"><?=_('关于图片(*)')?></label> <div class="controls"> <div><input id="about_file_upl

基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用

很久之前,当我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中如何使用这个组件进行文件上传的,当时上传文件的处理主要也是使用ashx一般处理程序来进行处理的.本文主要介绍我的Web开发框架中,在MVC4的环境中如何集成这个非常棒的文件上传组件的. 1.上传组件uploadify的说明及脚本引用 Uploadify 是 JQuery 一个著名的上传插件,利用 Flash

关于jquery.uploadify.js不兼容IE11

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

uploadify的用法与动态传参 提供demo下载

---恢复内容开始--- 官网:http://www.uploadify.com/   一款不错的上传插件.官方文档http://www.uploadify.com/documentation/ 用法网上很多.今天快乐我在项目中想动态的穿选择,然后上传,同时服务器端,接受到参数与图片的地址.可是uploadify,直接是获取到,页面才加载的值.所以搜了一下.找到的办法.但都是旧版本的.今天我来写个新3.21版本. 要点     1.关闭自动上传.红色地方 $('#upload').uploadi

uploadify的碎碎念

uploadify是一个jquery插件,用来实现文件上传的功能. 一般会买一个html5版的. html <input id="custom_file_upload" type="file" name="Filedata" /> js //关键是路径要设置正确//总会发起请求:http://localhost:8080/jyxt/img/uploadify-cancel.png,不知道从哪发起的?function inituploa

uploadify上传大文件

引言 之前使用Uploadify做了一个上传图片并预览的功能,今天在项目中,要使用该插件上传大文件.之前弄过上传图片的demo,就使用该demo进行测试.可以查看我的这篇文章: [Asp.net]Uploadify所有配置说明,常见bug问题分析 . 大文件上传 第一步:修改uploadify参数 1 'fileSizeLimit': '0',//单个文件大小,0为无限制,可接受KB,MB,GB等单位的字符串值 2 'fileTypeDesc': '文件',//文件描述Image Files 3

uploadify struts2实现图片上传

uploadify是来自国外的一款优秀的jQuery上传插件,主要功能是批量上传文件,带进度显示. 包括两个版本,一个是Flash的 一个是HTML5的.下面介绍Flash版本如何使用 1.下载 Uploadify Zip 2.解压缩包并上传下列文件到您的网站上的一个文件夹: jquery.uploadify.min.js uploadify.css uploadify-cancel.png uploadify.swf 3.在您使用uploadify页面也不要忘了引入jQuery库 4.在页面引

使用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出现Http Error 302错误解决

前段时间介绍过jquery uploadify上传插件的使用方法,我在使用中遇到过Http Error 302错误问题,应该会有很多人在使用中遇到过,在此记录下来: 首 先http 302是请求被重定向的意思,这就很容易理解了,如果你的uploadify处理上传脚本有session验证,就会出现此错误,因为flash在执行 post请求的时候没有包含cookie信息,而服务器的session会根据客户端的cookie来得到SESSIONID.没有提交cookie自然 就不能获取到session,