Strust2的Action上传图片方法
1.第一种前端form表单进行action设置列如:
<form action="CollectCustomer/collectcustomer!upload.action" method="post" enctype="multipart/form-data">
<input type='file' name="image" id="image" />
</form>
这种方式会将form的table全部参数用&拼接传给后台,
这里的image在后台要名字一致,否则找不到对应的属性是不会进行传值成功
private File image;
private String imageFileName;
2.重点介绍一种,不通过form表单中的action方法:XMLHttpRequest
//请求服务器对象
var xHttpimpfinancedata;
if (window.XMLHttpRequest) {
// code for modern browsers
xHttpimpfinancedata = new XMLHttpRequest();
} else {
// code for old IE browsers
xHttpimpfinancedata = new ActiveXObject("Microsoft.XMLHTTP");
}
function uploadImg(){
//发送请求
xHttpimpfinancedata.abort();
xHttpimpfinancedata.open("POST", "CollectCustomer/collectcustomer!upload.action", true);
xHttpimpfinancedata.send(new FormData(this));
xHttpimpfinancedata.onreadystatechange = function () {
//绑定响应状态事件监听函数
if (xHttpimpfinancedata.readyState == 4) {
//监听readyState状态
if (xHttpimpfinancedata.status == 200 || xHttpimpfinancedata.status == 0) {
//监听HTTP状态码
console.log(xHttpimpfinancedata.responseText); //接收数据
}
}
}