uploadify多文件上传参数设置技巧【jquery】

web前端|js教程

uploadify多文件上传,uploadify文件上传

web前端-js教程

比起swfupload，uploadify插件配置使用都更简单，只是刚加载的时候稍微慢了一秒左右.

人人维修源码,ubuntu wlan1,济宁爬虫市场在哪,stream php,阿里seo招聘lzw

废话不多说了，直接给大家贴代码了。

仿微信源码怎么安装,远程访问ubuntu桌面,JAVA爬虫代理池,php mhash(),seo 教程代发lzw

$(document).ready(function() {$(“#fileInput2″).uploadify({‘uploader: ‘js/uploadify.swf,//所需要的flash文件‘cancelImg: ‘cancel.jpg,//单个取消上传的图片script: ‘js/uploadify.php,//实现上传的程序‘folder: ‘uploads,//服务端的上传目录//auto: true,//自动上传‘multi: true,//是否多文件上传//checkScript: ‘js/check.php,//验证 ，服务端的‘displayData: speed,//进度条的显示方式//fileDesc: ‘Image(*.jpg;*.jpg;*.jpg),//对话框的文件类型描述//fileExt: ‘*.jpg;*.jpeg;*.jpg;*.jpg,//可上传的文件类型//sizeLimit: 999999 ,//限制上传文件的大小//simUploadLimit :3, //并发上传数据//queueSizeLimit :5, //可上传的文件个数//uttonText :文件上传,//通过文字替换钮扣上的文字‘buttonImg: ‘css/images/browseBtn.jpg,//替换上传钮扣‘width: 80,//buttonImg的大小‘height: 24,//‘rollover: true,//button是否变换onComplete: function (evt, queueID, fileObj, response, data) {//alert(“Successfully uploaded: “+fileObj.filePath);//alert(response);getResult(response);//获得上传的文件路径}//onError: function(errorObj) {// alert(errorObj.info+” “+errorObj.type);//}});});function getResult(content){//通过上传的图片来动态生成text来保存路径var board = document.getElementById(“divTxt”);board.style.display=””;var newInput = document.createElement(“input”);newInput.type = “text”;newInput.size = “45″;newInput.name=”myFilePath[]“;var obj = board.appendChild(newInput);var br= document.createElement(“br”);board.appendChild(br);obj.value=content;}

已经上传的图片有：</span& gt;

ps：uploadify插件实现多个图片上传并预览

程式3.0舞曲box音乐盒源码下载,vscode正则1,ubuntu根目录磁盘满了,隐藏tomcat漏洞,qt批量插入sqlite,图片上传插件 最多,电商的前端框架,关键词 爬虫,服务器 ip php,seo经理岗位职责,在那下载源码网站好,个人博客的网页,静态企业免费模板,jq实现tab跳转到另外一个页面,供应商管理系统源码,在线培训小程序 开源lzw

使用uploadify插件可方便实现图片上传功能。兼容ie6、ie7。

上传成功之后使用插件的回调函数读取json数据，根据url实现图片预览。

效果图：

点击浏览文件上传图片，图片依次在右侧显示预览效果。

实现：

json数据格式如下：

页面代码如下：

注：需要引用jQuery.js、uploadify.js、uploadify文件。。uploadify文件下载地址：/download/

">">

（最多可上传五张图片）

$(function() { $("#fileField").uploadify({ height : 30, swf : equest->baseUrl ?>/static/uploadify/uploadify.swf?var=+(newDate()).getTime(), uploader :index.php?r=upload/uploadimage, width: 120, onUploadSuccess : function(file, data, response) {var info = eval("("+data+")");if(info.err==1){alert(info.msg);} //如果图片过大或者格式错误弹出错误信息else{$("#divPreview").append($(""));$("#divPreview").append($(""));} }, uttonText : 浏览文件, uploadLimit : 5, //上传最多图片张数 emoveTimeout : 1, preventCaching: true, //不允许缓存 fileSizeLimit : 4100,//文件最大 formData : { \ : \,hash:$("#hash").val() }//hash }); $("#SWFUpload_0").css({ //设置按钮样式，根据插件文档进行修改 position :absolute, op: 20, left: 35, z-index : 1});});

曾遇到问题：

ie、360浏览器中对json数据检查比较严格，不允许最后一个“，”存在。其它浏览器不会报错，需要注意。