web前端|js教程
uploadify多文件上传,uploadify文件上传
web前端-js教程
比起swfupload,uploadify插件配置使用都更简单,只是刚加载的时候稍微慢了一秒左右.
人人维修源码,ubuntu wlan1,济宁爬虫市场在哪,stream php,阿里seo招聘lzw
废话不多说了,直接给大家贴代码了。
仿微信源码怎么安装,远程访问ubuntu桌面,JAVA爬虫代理池,php mhash(),seo 教程代发lzw
已经上传的图片有:</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数据检查比较严格,不允许最后一个“,”存在。其它浏览器不会报错,需要注意。