本文主要是介绍在SSH的基础上使用jquery.uploadify.js上传文件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在SSH框架的基础上,使用jquery.uploadify.js实现文件的上传,之前搞了好几天,都上传不了,
在Action那边File接收到的总是为null,
为了这个还上网搜了好多相关的信息,但都不行,最后还是搜到一篇文章帮助到我了,希望能帮助到为之困扰的人。
jsp页面的关键代码:
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/uploadify.css" />
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.uploadify.js"></script>
<script type="text/javascript">
$(function(){
$("#file_upload").uploadify({
'swf' : '${pageContext.request.contextPath }/css/uploadify.swf',//按钮的动画
'uploader' : '${pageContext.request.contextPath }/upload',//上传的路径
'queueID':'fileQueue',//设置为队列的ID
'method' : "post",
'folder' : 'imageFile',//设置上传文件夹
'fileObjName' : 'file',//与后台Action中file属性一样???
'auto':true,//为true时,不加队列,直接上传
'multi':false,//为false时,一次只能选一个文件
'fileSizeLimit': 10485760,//限制上传文件的大小
'buttonText' : 'FIEL',//按钮上的文字
'fileTypeDesc' : '支持格式:jpg/gif/jpeg/png/bmp.', //如果配置了以下的'fileExt'属性,那么这个属性是必须的
'fileTypeExts' : '*.jpg;*.gif;*.jpeg;*.png;*.bmp',//允许的格式
'onUploadSuccess' : function (file, data, response){
alert(data);
}
});
});
</script>
<div id="fileQueue"></div>
<input type="file" name="file" id="file_upload">
<p>
<a href="javascript:$('#file_upload').uploadify('upload')">上传图片</a>
<a href="javascript:$('#file_upload').uploadify('cancel')">取消上传</a>
struts.xml的关键代码:
<action name="upload" class="uploadAction1" method="upload">
<result type="json">
<param name="root">fileFileName</param>
</result>
</action>
Action类的关键代码(我就是卡在这里的):
package org.cgh.action;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import java.io.RandomAccessFile;
import java.util.RandomAccess;
import java.util.UUID;
import org.apache.commons.io.FileUtils;
import org.apache.struts2.ServletActionContext;
import com.opensymphony.xwork2.ActionSupport;
import org.springframework.stereotype.Controller;
/**
* 控制层
*
* @author cgh
*
*/
@Controller("uploadAction1")
public class UploadAction1 extends ActionSupport{
private File file;// 上传的文件
private String fileFileName;// 上传的文件名
private String fileContentType;// 上传的文件类型
/**
*
* 上传文件
*
* @return
*/
public String upload() {
if (!ServletActionContext.getRequest().getMethod().equals("POST")) {
return INPUT;
}
//保存文件的目录
String realPath = ServletActionContext.getServletContext().getRealPath("/imageFile");
System.out.println("file:"+file);
if (file != null) {
System.out.println("fileFileName1:"+fileFileName);
//重新命名上传的文件
fileFileName=UUID.randomUUID().toString().replace("-", "")+fileFileName.substring(fileFileName.lastIndexOf("."));
System.out.println("fileFileName2:"+fileFileName);
File saveFile = new File(new File(realPath), fileFileName);
if (!saveFile.getParentFile().exists()) {
saveFile.getParentFile().mkdirs();
}
// 如果文件已经存在,则开始续传
if (saveFile.exists()) {
// 先获得已经保存的文件大小
long size = saveFile.length();
RandomAccessFile oSavedFile;// 用它来保存文件
try {
oSavedFile = new RandomAccessFile(saveFile, "rw");// 保存的文件:saveFile
InputStream in = new FileInputStream(file);// 输入流
try {
oSavedFile.seek(size);// 跳过size长度开始保存文件
byte[] b = new byte[1024];
int nRead;
in.skip(size);// 跳过size长度开始输出文件file
while ((nRead = in.read(b, 0, 1024)) > 0) {
oSavedFile.write(b, 0, nRead);
}
} catch (IOException e) {
e.printStackTrace();
}
} catch (FileNotFoundException e) {
e.printStackTrace();
}
} else {
try {
FileUtils.copyFile(file, saveFile);
} catch (IOException e) {
e.printStackTrace();
System.out.println("上传文件失败");
}
}
}
return SUCCESS;
}
public File getFile() {
return file;
}
public void setFile(File file) {
this.file = file;
}
public String getFileFileName() {
return fileFileName;
}
public void setFileFileName(String fileFileName) {
this.fileFileName = fileFileName;
}
public String getFileContentType() {
return fileContentType;
}
public void setFileContentType(String fileContentType) {
this.fileContentType = fileContentType;
}
}
这篇关于在SSH的基础上使用jquery.uploadify.js上传文件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!