uploadify目前最新版是3.2.1, 官网上介绍的资料是使用index.php,而没有介绍在jsp上的上传, 在网上搜到的资料是关于版本较低的,跟这个版本用法不一样了, 下载后解压就是这样:
1.jsp上引入css和js, uploadify还需要引入jquery
<head>
<link href="../uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../control/jquery-1.9.0.min.js" ></script>
<script type="text/javascript" src="../uploadify/jquery.uploadify.min.js"></script>
</head>
<body>
<input type="file" id="uploadify" name="uploadify">
<div id="fileQueue"></div>
<a href="javascript:$('#uploadify').uploadify('upload','*')">开始上传</a>
<a href="javascript:$('#uploadify').uploadify('cancel')">取消所有上传</a>
</body>
2.页面上的js, 在页面加载的时候执行
<script type="text/javascript">
window.onload=function(){
upVideo();
}
function upVideo(){
$("#uploadify").uploadify({
'auto' : false, //选完文件后是否自动上传
'swf' : '../uploadify/uploadify.swf', //引入uploadify.swf
'uploader' : 'struts2的action请求路径',//请求路径
'queueID' : 'fileQueue',//队列id,用来展示上传进度的
'queueSizeLimit' : 3, //同时上传文件的个数
'fileTypeDesc' : '视频文件',
'fileTypeExts' : '*.avi;*.rmvb;*.wmv;*.mp4', //控制可上传文件的扩展名
'multi' : true, //允许多文件上传
'buttonText' : '上传视频',//按钮上的文字
'fileSizeLimit' : '200MB', //设置单个文件大小限制
'fileObjName' : 'uploadify', //<input type="file"/>的name
'method' : 'post',
'removeCompleted' : true,//上传完成后自动删除队列
'onUploadSuccess' : function(file, data, response){//单个文件上传成功触发
//data就是action中返回来的数据
文件传上去后,你可以把文件的名称等信息写回来, 把值赋给隐藏的input,再提交过去将文件的路径等其他信息存到数据库,实现异步上传,而且你还可以在这里动态创建一个删除按钮, 点击时发送ajax请求,把文件名发送过去,把刚上传的视频删了
},
'onQueueComplete' : function(){//所有文件上传完成
}
});
}
3,完成上面两步, 而且你的浏览器安装了flash插件,会有如下效果:
点击按钮, 会弹出选文件的窗口, IE9下无法弹出,关了页面后才弹出,没找到解决方案,好在客户只要求IE8能用就行
4,选完文件后出现文件队列
这里有点小问题, 我的队列上有个X可以点击,你的可能没有,但是还是可以点,也能取消,就是少了个X图标,这应该是这个版本的一个bug,解决办法:
打开uploadify.css, 查找"uploadify-queue-item", 我的是在73行,如下:
.uploadify-queue-item .cancel a {
background: url('../img/uploadify-cancel.png') 0 0 no-repeat;
float: right;
height: 16px;
text-indent: -9999px;
width: 16px;
}
把url('../img/uploadify-cancel.png')这个改成url('uploadify-cancel.png'), 因为这个uploadify-cancel.png文件和css文件在同一个目录下,'../img/uploadify-cancel.png'找不到图片所以页面上没有X
5,当你选择的文件大小超出范围,uploadify会弹出提示,但提示是英文的,提示"The File..."什么的,解决办法是直接打开jquery.uploadify.js(你引得是jquery.uploadify.min.js就打开jquery.uploadify.min.js), 搜索"The File" 直接把相应英文替换为中文即可,反正提示什么英文你就搜什么呗,然后改, 注意清缓存,我清了好几遍才出来中文.
6.struts2的配置
这个不多说什么, 注意一点, 一定加上这个常量,不然超过2M的文件就传不了,队列里会报错
Http Error 404神马的
<constant name="struts.multipart.maxSize" value="2000000000" ></constant>
这是配置struts2限制的文件上传大小,value以字节为单位,2000000000大约是2G,
7.action代码
//三个接收文件的字段,与页面上的name,uploadify的'fileObjName'属性一致
private File uploadify;
private String uploadifyFileName;
private String uploadifyContentType;
//我是以当前时间+"__"+文件名作为新的文件名放到项目的videos文件夹中
public void uploadVideo() throws Exception{
ServletContext context = ServletActionContext.getServletContext();
String savePath = context.getRealPath("/videos");
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("utf-8");
String name = new Date().getTime()+"__"+uploadifyFileName;
savefile(uploadify,savePath,name,10485760);
uploadify.delete();//删除临时文件,tomcat的work目录下会有临时文件,得删掉
response.getWriter().print(name);//把新的文件名发回到页面,用个隐藏的input标签记下这个文件名,等页面提交的时候把这个文件名再带过来,加上路径,就是视频的路径存到数据库
}
//保存文件
public boolean savefile(File file, String path, String filename, int size) {
boolean bool = true;
try {
InputStream is = new FileInputStream(file);
OutputStream os = new FileOutputStream(path + "\\" + filename);
byte[] bytefer = new byte[size];
int length = 0;
while ((length = is.read(bytefer)) != -1) {
os.write(bytefer, 0, length);
}
os.close();
is.close();
} catch (Exception e) {
bool = false;
}
return bool;
}
到这里,就已经完成了视频的上传, 只不过上传完了, 我发现我传错了, 我想把刚才传的视频删了, 这个怎么搞了?我已经在js中留了两个回调函数,第一个回调函数就可以实现
第二个回调函数可以干嘛了?它是在所有文件传完了触发,所以利用它可以阻止下面这种情况:文件还正在上传,别人就要提交表单, 这时你应该提示文件正在上传,请稍后提交, 所以你可以再页面弄个隐藏的input,值是0, 然后在这个回调函数中将值改为1, 然后提交的时你就判断这个值, 是0就是还没传完,1就是传完了
- 大小: 19.4 KB
- 大小: 2.7 KB
- 大小: 4 KB
分享到：
相关推荐
在Struts2中集成Uploadify3.2.1可以让用户实现文件上传功能，并且带有进度条显示，增强了用户体验。Uploadify是一个JavaScript库，它利用Flash技术实现异步文件上传，并提供了自定义的进度条显示。 要实现"struts2...
一、项目简介 包含：项目源码、数据库脚本等，该项目附带全部源码可作为毕设使用。 项目都经过严格调试，eclipse或者idea 确保可以运行！ 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷 二、技术实现 jdk版本：1.8 及以上 ide工具：IDEA或者eclipse 数据库: mysql5.5及以上 后端：spring+springboot+mybatis+maven+mysql 前端: vue , css，js , elementui 三、系统功能 1、系统角色主要包括：管理员、用户 2、系统功能 前台功能包括： 用户登录 车位展示 系统推荐车位 立即预约 公告展示 个人中心 车位预定 违规 余额充值 后台功能： 首页，个人中心，修改密码，个人信息 用户管理 管理员管理 车辆管理 车位管理 车位预定管理，统计报表 公告管理 违规管理 公告类型管理 车位类型管理 车辆类型管理 违规类型管理 轮播图管理 详见 https://flypeppa.blog.csdn.net/article/details/146122666
项目已获导师指导并通过的高分毕业设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！可以放心下载 技术组成 语言：java 开发环境：idea 数据库：MySql 部署环境：maven 数据库工具：navica 更多毕业设计https://cv2022.blog.csdn.net/article/details/124463185
内容为Python程序设计的思维导图，适用于新手小白进行浏览，理清思路
2024-Stable Diffusion全套资料（软件+关键词+模型）.rar
mmexport1741417035005.png
COMSOL三维锂离子电池全耦合电化学热应力模型：模拟充放电过程中的多物理场耦合效应及电芯内应力应变情况,COMSOL锂离子电池热应力全耦合模型,comsol三维锂离子电池电化学热应力全耦合模型锂离子电池耦合COMSOL固体力学模块和固体传热模块，模型仿真模拟电池在充放电过程中由于锂插层，热膨胀以及外部约束所导致的电极的应力应变情况结果有电芯中集流体，电极，隔膜的应力应变以及压力情况等，电化学-力单向耦合和双向耦合 ,关键词： 1. COMSOL三维锂离子电池模型； 2. 电化学热应力全耦合模型； 3. 锂离子电池； 4. 固体力学模块； 5. 固体传热模块； 6. 应力应变情况； 7. 电芯中集流体； 8. 电极； 9. 隔膜； 10. 电化学-力单向/双向耦合。,COMSOL锂离子电池全耦合热应力仿真模型
基于传递矩阵法的一维层状声子晶体振动传输特性及其优化设计与应用,声子晶体传递矩阵法解析及应用,Matlab 一维层状声子晶体振动传输特性 传递矩阵法在声子晶体的设计和应用中具有重要作用。 通过调整声子晶体的材料、周期和晶格常数等参数，可以设计出具有特定带隙结构的声子晶体，用于滤波、减震、降噪等应用。 例如，通过调整声子晶体的周期数和晶格常数，可以改变带隙的位置和宽度，从而实现特定的频率范围内的噪声控制。 此外，传递矩阵法还可以用于分析和优化声子晶体的透射谱，为声学器件的设计提供理论依据。 ,Matlab; 一维层状声子晶体; 振动传输特性; 传递矩阵法; 材料调整; 周期和晶格常数; 带隙结构; 滤波; 减震; 降噪; 透射谱分析; 声学器件设计,Matlab模拟声子晶体振动传输特性及优化设计研究
头部姿态估计(HeadPose Estimation)-Android源码
永磁同步电机FOC、MPC与高频注入Simulink模型及基于MBD的代码生成工具，适用于Ti f28335与dspace/ccs平台开发，含电机控制开发文档,永磁同步电机控制技术：FOC、MPC与高频注入Simulink模型开发及应用指南,提供永磁同步电机FOC，MPC，高频注入simulink模型。 提供基于模型开发（MBD）代码生成模型，可结合Ti f28335进行电机模型快速开发，可适用dspace平台或者ccs平台。 提供电机控制开发编码器，转子位置定向，pid调试相关文档。 ,永磁同步电机; FOC控制; MPC控制; 高频注入; Simulink模型; 模型开发(MBD); Ti f28335; 电机模型开发; dspace平台; ccs平台; 编码器; 转子位置定向; pid调试。,永磁同步电机MPC-FOC控制与代码生成模型
light of warehouse.zip
内容概要：文章深入讨论了工业乙醇发酵的基本原理及工艺流程，特别是在温度和气体排放（如CO2及其他有害气体）影响下的发酵效果分析。文章介绍了乙醇发酵的重要环节，如糖分解、代谢路径、代谢调控以及各阶段的操作流程，重点展示了如何通过Matlab建模和仿真实验来探索这两个关键环境因素对发酵过程的具体影响。通过动态模型仿真分析，得出合适的温度范围以及适时排除CO2能显著提升发酵产乙醇的效果与效率，从而提出了基于仿真的优化发酵生产工艺的新方法。 适用人群：从事生物工程相关领域研究的科学家、工程师及相关专业师生。 使用场景及目标：适用于实验室环境、学术交流会议及实际生产指导中，以提升研究人员对该领域内复杂现象的理解能力和技术水平为目标。 其他说明：附录中有详细的数学公式表达和程序代码可供下载执行，便于有兴趣的研究团队重复实验或者继续扩展研究工作。
本资源包专为解决 Tomcat 启动时提示「CATALINA_HOME 环境变量未正确配置」问题而整理，包含以下内容： 1. **Apache Tomcat 9.0.69 官方安装包**：已验证兼容性，解压即用。 2. **环境变量配置指南**： - Windows 系统下 `CATALINA_HOME` 和 `JAVA_HOME` 的详细配置步骤。 - 常见错误排查方法（如路径含空格、未生效问题）。 3. **辅助工具脚本**：一键检测环境变量是否生效的批处理文件。 4. **解决方案文档**：图文并茂的 PDF 文档，涵盖从报错分析到成功启动的全流程。 适用场景： - Tomcat 9.x 版本环境配置 - Java Web 开发环境搭建 - 运维部署调试 注意事项： - 资源包路径需为纯英文，避免特殊字符。 - 建议使用 JDK 8 或更高版本。
这是一款仿照京东商城的Java Web项目源码，完美复现了360buy的用户界面和购物流程，非常适合Java初学者和开发者进行学习与实践。通过这份源码，你将深入了解电商平台的架构设计和实现方法。欢迎大家下载体验，提升自己的编程能力！
系统选用B/S模式，后端应用springboot框架，前端应用vue框架， MySQL为后台数据库。 本系统基于java设计的各项功能，数据库服务器端采用了Mysql作为后台数据库，使Web与数据库紧密联系起来。 在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。
这是一款专为大学生打造的求职就业网JavaWeb毕业设计源码，功能齐全，界面友好。它提供简历投递、职位搜索、在线交流等多种实用功能，能够帮助你顺利进入职场。无论你是想提升技术水平还是寻找灵感，这个源码都是不可多得的资源。快来下载，让你的求职之路更加顺畅吧！
useTable(1).ts
实验一： 1、进行CCS6.1软件的安装，仿真器的设置，程序的编译和调试； 2、熟悉CCS软件中的C语言编程； 3、使用按键控制LED跑马灯的开始与停止、闪烁频率； 4、调试Convolution、FFT、FIR、FFT-FIR实验，编制IIR算法并调试，并在CCS软件上给出实验结果。 实验二： 1、利用定时器周期中断或下溢中断和比较器比较值的修改来实现占空比可调的PWM波形； 2、改变PWM占空比控制LED灯的亮暗，按键实现10级LED灯亮暗调整； 3、模拟数字转换，转换过程中LED指示，并在变量窗口显示转换结果； 4、数字模拟转换，产生一个正弦波，转换过程中LED指示，转换完成后在CCS调试窗口显示波形。 实验三： 1、SCI异步串行通信实验； 2、SPI及IIC同步串行通信实验； 3、CAN现场总线串行通信实验； 4、传输过程中LED指示。 实验四： 1、电机转速控制实验。
LINUX系统管理与配置.docx
chromedriver-mac-x64-136.0.7055.0.zip