文件异步上传,多文件上传插件uploadify
2024-08-29 20:34:00
本文中使用java作为例子
uploadify下载 http://files.cnblogs.com/chyg/uploadify.zip
jsp页面中需要引入:
<script type="text/javascript" src="jquery.uploadify.js"></script>
主要js代码:
$("#sysLogo").uploadify({
'uploader': '${ctx}/web/module/config/configupload/uploadSysLog.action',//文件上传action
// 'script': '${ctx}/web/module/config/configupload/uploadSysLog.action',
'swf' : 'uploadify.swf',
'cancelImg': 'cancel.png',
'folder': 'UploadFile',
'queueID': 'fileQueue', //上传队列id
'fileObjName' : 'sysLogoFiles', //后台获取的文件名称,
'auto': true,//是否自动上传
'multi': true, //是否支持多选
'onUploadSuccess' : function(file, data, response) { //上传成功后执行
alert("sucess");
console.log(file);
console.log("data:"+data);
}
}); //注:上面只是部分参数,uploadify还有很多参数,具体请自动搜索api
jsp页面:
<div class="controls">
<input type="file" id="sysLogo" name="sysLogoFile" >
<div id="fileQueue"></div>
</div>
java代码:
public void uploadSysLog() throws IOException{
System.out.println(sysLogoFiles); //sysLogoFiles为全局变量,List<File> OutputStream fileOutputStream = null;
InputStream in = null;
File file = new File("d:/abc.jpg"); // 新建文件
try {
fileOutputStream = new FileOutputStream(file); // 创建文件流
in = new FileInputStream(sysLogoFiles.get(0));
int bytesRead = 0;
byte data[] = new byte[1024 * 1024]; // 用于存放流数据
while ((bytesRead = in.read(data)) > 0) {
fileOutputStream.write(data, 0, bytesRead); // 写入文件流
}
} catch (RuntimeException e) {
e.printStackTrace();
} finally {
if (fileOutputStream != null) {
fileOutputStream.close();
fileOutputStream = null;
}
if (in != null) {
in.close();
in = null;
}
} getResponse().getWriter().write("uploadify-cancel.png");//返回到页面的数据,此处随便返回一个图片路径
}
以上即可。
最新文章
- Verilog学习笔记设计和验证篇(四)...............状态机的置位与复位
- 修改Tomcat根目录
- unity, particleSystem的batch优化
- 从零开始学ios开发(二):Hello World!来啦!
- 利用传感器(sensor)实现微信摇一摇动画
- hdu 1907 John
- API例子:用Java/JavaScript下载内容提取器
- WebForm发布提示:无法加载或找不到oracle.dataaccess文件
- C++ Primer 5 CH4 表达式
- Python循环列表删除元素问题
- 有具体名称的匿名函数var bar = function foo(){}
- NowCoderWannafly挑战赛3-B.遇见
- sublime text如何保存为uft-8无bom编码格式文件
- leetcode 155. Min Stack 、232. Implement Queue using Stacks 、225. Implement Stack using Queues
- https笔记【转】
- Linux常用命令——文件搜索命令
- Windows 10修复
- centos 终端界面代理设置
- MySQL的binlog日志<;转>;
- CCPC-Wannafly Winter Camp Day4 Div1 - 置置置换 - [DP]