uploadify批量文件、图片上传
来源:互联网 发布:centos非图形界面安装 编辑:程序博客网 时间:2024/05/26 19:14
1、uploadify3.x的使用方式有别与2.x的版本,3.x版本已经把swfobject.js 给嵌入jquery.uploadify-3.x.min.js中。下载地址:http://www.uploadify.com/download/
2、引入资源文件
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script type="text/javascript" src="uploadify3.2/jquery.uploadify.js"></script><link rel="stylesheet" href="uploadify3.2/uploadify.css" type="text/css"></link><style type="text/css">body {font: 13px Arial, Helvetica, Sans-serif;}#fileQueue {width: 400px;height: 300px;overflow: auto;border: 1px solid #E5E5E5;margin-bottom: 10px;}</style>
3、头部写入
<script type="text/javascript"> $(function() { $("#multiple_file_upload").uploadify({ 'height' : 27, 'width' : 80, 'buttonText' : '浏 览', 'swf' : 'uploadify3.2/uploadify.swf', 'uploader' : 'upload.do', 'auto' : false, 'queueID' : 'fileQueue', 'fileTypeExts' : '*.jpg;*.png;*.gif;*.bmp', 'formData' : {'userName':'','qq':''}, 'onUploadStart' : function(file) { //$("#file_upload").uploadify("settings", "formData", {'userName':name,'qq':qq}); //$("#file_upload").uploadify("settings", "qq", ); } }); }); </script>
4、body中写入
<body><input type="file" name="uploadify" id="multiple_file_upload" /> <hr> <div id="fileQueue"></div> <a href="javascript:$('#multiple_file_upload').uploadify('upload','*')">开始上传</a> <a href="javascript:$('#multiple_file_upload').uploadify('cancel', '*')">取消所有上传</a> </body>
5、后台代码可以参考这个
http://blog.csdn.net/dracotianlong/article/details/8770348
【uploadify3.1使用二】批量文件、图片上传
http://blog.csdn.net/dracotianlong/article/details/8770348
【uploadify2.1使用一】【Spring MVC uploadify2.1】批量文件、图片上传
http://blog.csdn.net/dracotianlong/article/details/8770314中文文档:
http://www.phptogether.com/uploadifydoc/
英文文档
http://www.uploadify.com/documentation/
- uploadify批量文件、图片上传
- uploadify批量上传图片
- uploadify批量上传文件
- uploadify批量上传文件
- uploadify+批量上传文件+java
- uploadify+批量上传文件+java
- JQuery批量图片上传插件—Uploadify
- Beego+uploadify实现图片批量上传
- Uploadify插件批量上传图片使用方法分析
- java-uploadify 批量上传文件到七牛云
- struts2结合uploadify-v3.1完成批量图片上传功能
- struts2 uploadify 批量上传图片文件名出现乱码
- Springmvc+uploadify实现文件带进度条批量上传
- Springmvc+uploadify实现批量上传文件(显示进度条)
- uploadify上传图片
- uploadify上传多图片
- uploadify java上传图片
- 插件Uploadify图片上传
- 第七周阅读程序----改错
- #define WIN32_LEAN_AND_MEAN作用
- javaScript中URL编码转换,escape() encodeURI() encodeURIComponent
- RTX的修改经历
- 电脑使用小技巧
- uploadify批量文件、图片上传
- 参数化提交SQL语句和拼接SQL语句安全性分析 SQL注入 简单对比分析
- mysql中update和delete时sql_safe_updates问题
- c++第七周-程序改错
- TBB基础之parallel_for
- IOS tableview拉动卡怎么样解决?
- 设置默认漫游提醒
- 项目管理常用软件
- Java的继承及继承中类的加载顺序