您的位置：首页 > Web前端 > JQuery

一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子

2009-12-16 13:10 1316 查看

页面代码：

<html>



<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/ajaxfileupload.js"></script>



<script type="text/javascript">

function ajaxFileUpload(){

$.ajaxFileUpload(

{

url:'update.do?method=uploader', //需要链接到服务器地址

secureuri:false,

fileElementId:'houseMaps', //文件选择框的id属性

dataType: 'xml', //服务器返回的格式，可以是json

success: function (data, status) //相当于java中try语句块的用法

{

$('#result').html('添加成功');

},

error: function (data, status, e) //相当于java中catch语句块的用法

{

$('#result').html('添加失败');

}

}

);

}

</script>

</head>

<body>

<form method="post" action="update.do?method=uploader" enctype="multipart/form-data">

<input type="file" id="houseMaps" name="houseMaps"/>

<input type="button" value="提交" onclick="ajaxFileUpload()"/>

</form>

<div id="result"></div>

</body>

</html>

服务器代码：

public class UpdateAction extends DispatchAction {

public ActionForward uploader(ActionMapping mapping, ActionForm form,

HttpServletRequest request, HttpServletResponse response) {

UpFormForm upFormForm = (UpFormForm) form;

FormFile ff = upFormForm.getHouseMaps();

try {

InputStream is = ff.getInputStream();

File file = new File("D:/" + ff.getFileName()); //指定文件存储的路径和文件名

OutputStream os = new FileOutputStream(file);

byte[] b = new byte[1024];

int len = 0;

while((len = is.read(b)) != -1){

os.write(b, 0, len);

}

os.close();

is.close();

} catch (Exception e) {

e.printStackTrace();

}

return null;

}

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航