jquery uploadify 3.2 基于struts2 上传文件

最新推荐文章于 2021-02-24 12:14:25 发布

OkidoGreen

最新推荐文章于 2021-02-24 12:14:25 发布

阅读量2k

点赞数

分类专栏： Javascript-Jquery插件文件处理-上传 Struts2

Struts2 同时被 3 个专栏收录

78 篇文章 0 订阅

订阅专栏

Javascript-Jquery插件

58 篇文章 0 订阅

订阅专栏

文件处理-上传

18 篇文章 0 订阅

订阅专栏

项目截图：

index.jsp 代码--》 down的例子做的修改（不知道哪里改错了的）

 
<link rel="stylesheet" type="text/css" href="css/uploadify.css">
 
 <script type="text/javascript" src="jquery/jquery.uploadify.min.js"></script>
 
 <script type="text/javascript" src="jquery/jquery-1.7.js"></script>
 
 <script type="text/javascript" src="jquery/swfobject2.2.js"></script>
 
 <script>
 
$(document).ready(function() {
 
    $("#uploadify").uploadify({
 
           //开启调试
 
           'debug' : false,
 
           //是否自动上传
 
           'auto':false,
 
           //超时时间
 
           'successTimeout':99999,
 
           //附带值
 
           'formData':{
 
               'userid':'用户id',
 
               'username':'用户名',
 
               'rnd':'加密密文'
 
           },
 
           'swf': "jquery/uploadify.swf",
 
           'queueID':'fileQueue',
 
           'fileObjName':'"uploadify"',
 
           'uploader':'uploadAction',
 
           'buttonImage':'jquery/uploadify-cancel.png',
 
           'width':'100',
 
           'height':'32',
 
           'fileTypeDesc':'支持的格式：',
 
           'fileSizeLimit':'10000MB',
 
           'buttonText' : '选择文件',//浏览按钮
 
           'queueSizeLimit' : 25,
 
           //每次更新上载的文件的进展
 
           'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {
 
                //有时候上传进度什么想自己个性化控制，可以利用这个方法
 
                //使用方法见官方说明
 
           },
 
           //选择上传文件后调用
 
           'onSelect' : function(file) {
 
           },
 
           //返回一个错误，选择文件的时候触发
 
           'onSelectError':function(file, errorCode, errorMsg){
 
               switch(errorCode) {
 
                   case -100:
 
                       alert("上传的文件数量已经超出系统限制的"+$('#uploadify').uploadify('settings','queueSizeLimit')+"个文件！");
 
                       break;
 
                   case -110:
 
                       alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#uploadify').uploadify('settings','fileSizeLimit')+"大小！");
 
                       break;
 
                   case -120:
 
                       alert("文件 ["+file.name+"] 大小异常！");
 
                       break;
 
                   case -130:
 
                       alert("文件 ["+file.name+"] 类型不正确！");
 
                       break;
 
               }
 
           },
 
           //检测FLASH失败调用
 
           'onFallback':function(){
 
               alert("您未安装FLASH控件，无法上传图片！请安装FLASH控件后再试。");
 
           },
 
           //上传到服务器，服务器返回相应信息到data里
 
           'onUploadSuccess':function(file, data, response){
 
            //$('#uploadify').uploadify('upload');
 
            //alert(data);
 
           }
 
       });
 
    });
 
 
 
 
 
 </script>
 
 
 
 
 
  </head>
 
   
 
  <body>
 
 <div id="fileQueue" style="width:300px"></div>
 
    <input type="file" name="uploadify" id="uploadify" multiple="true"/>
 
    <p>
 
        <a href="javascript:$('#uploadify').uploadify('upload')">开始上传</a>&nbsp;
 
        <a href="javascript:$('#uploadify').uploadify('cancel')">取消所有上传</a>
 
    </p>
 
  </body>

处理action代码：

 
@SuppressWarnings("serial")
 
public class UploadAction extends ActionSupport {
 
 
 
private File uploadify;
 
 
 
 
 
private String uploadifyFileName;
 
 
 
 
 
@SuppressWarnings("deprecation")
 
public String uploadFile() throws Exception {
 
 
 
 
 
String extName = "";// 扩展名
 
 
 
 
 
String newFileName = "";// 新文件名
 
 
 
 
 
String nowTime = new SimpleDateFormat("yyyymmddHHmmss")
 
.format(new Date());// 当前时间
 
 
 
 
 
String savePath = ServletActionContext.getRequest().getRealPath("");
 
 
 
 
 
savePath = savePath + "/uploads/";
 
System.out.println(savePath);
 
HttpServletResponse response = ServletActionContext.getResponse();
 
response.setCharacterEncoding("utf-8");
 
 
 
 
 
// 获取扩展名
 
if (uploadifyFileName.lastIndexOf(".") >= 0) {
 
extName = uploadifyFileName.substring(uploadifyFileName
 
.lastIndexOf("."));
 
}
 
newFileName = nowTime + extName;
 
 
 
 
 
uploadify.renameTo(new File(savePath + newFileName));
 
 
 
 
 
response.getWriter().print(uploadifyFileName + "上传成功");
 
 
 
 
 
return null; // 这里不需要页面转向，所以返回空就可以了
 
 
 
 
 
}
 
 
 
 
 
public File getUploadify() {
 
return uploadify;
 
}
 
 
 
 
 
public void setUploadify(File uploadify) {
 
this.uploadify = uploadify;
 
}
 
 
 
 
 
public String getUploadifyFileName() {
 
return uploadifyFileName;
 
}
 
 
 
 
 
public void setUploadifyFileName(String uploadifyFileName) {
 
this.uploadifyFileName = uploadifyFileName;
 
}
 
 
 
 
 
}