感觉到点击“选择文件”。

时间:2014-11-20 17:37:11

标签: jquery file-upload

我有一个上传文件的表单:

<form action="uploadImage.php" method="post" enctype="multipart/form-data" id="UploadForm"> 
             <input type="file" id="fileInput" name="ImageFile"  help_token="upload_token" size=20 />  
             <input type="submit"  id="SubmitButton" help_token="upload_token" value="Upload" />
</form>

File upload

第一个输入生成“选择文件”按钮,该按钮调用用户资源管理器以查找文件。使用“上载”提交表单时,所选文件将成为“名称”变量。成功上传后,uploadImage.php会回显“文件上传成功”消息。问题是上次上传时会显示此“成功”消息,直到再次单击“上载”按钮上传新文件为止。然后,UploadImage.php立即清除消息,并在上传新文件后更新消息(成功或失败)。

但是当用户点击“选择文件”并且选择要上传的新文件时,我不喜欢在那里显示消息。在选择之前,看起来他已经完成了上传文件的工作。所以我想感觉点击选择文件并清除消息。但是这个“选择文件”按钮是由浏览器生成的,并且似乎在DOM中没有任何我可以用jQuery拦截的内容。

有没有人对如何在点击选择文件时清除成功消息有任何想法?

由于

1 个答案:

答案 0 :(得分:1)

使用onclick =“”

<input type="file" id="fileInput" name="ImageFile"  help_token="upload_token" size=20 onclick="ClearLabel();" /> 

function ClearLabel(){// clear label code goes here.
}
祝你好运......