Question

如何做到调用html的file控件选择完上传文件之后调用后台方法？

下面是html的一个控件：
<input type="file" name="headImg" value="上传头像" onclick="uploadFile();">
下面是uploadFile方法：
function uploadFile(){
window.location.href=top.Client.CONST_PATH + "/simb/uploadFile.action";
}
在action里面是修改上传文件保存路径的方法，我现在想点击了按钮，选择了文件之后才执行action。但现在的情况是点击完按钮，还没等我选择图片后台就直接报错说我没有选择图片了，请教各位大神这要怎么修改呢

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）+提问者悬赏10（财富值+成长值）

Answer 1

function uploadFile(obj){
if(obj.value!="上传头像"){
window.location.href=top.Client.CONST_PATH + "/simb/uploadFile.action";}
}
<input type="file" name="headImg" value="上传头像" onclick="uploadFile(this);">

Answer 2

可以通过添加一个提交按钮来实现：
<form action="UploadFile();" method="post" enctype="multipart/form-data">

<input type="file" name="headImg"/>
<input type="submit" value="提交文件"/>