Hi ,
I want to upload 4 images via 4 uploadfile asp control . I have a javascript function to check the validation of file extension. I want to call this function for every button click for the image upload. Please suggest me how to call the same function for different buttons. the code is :-
Javascript code :-
<script language="javascript" type="text/javascript">
function validate() {
var result = false;
var upfile = document.getElementById('fuMain').value;
if (upfile != "") {
var accept = "png,gif,jpg,jpeg".split(',');
var getExtention = upfile.split('.');
var extention = getExtention[getExtention.length - 1];
for (i = 0; i < accept.length; i++) {
if (accept[i] == extention) {
result = true;
break;
}
}
if (!result) {
alert("allowed file extetions are png,gif,jpg,jpeg");
}
}
else {
alert("select image to Upload");
}
return result;
}
</script>
the button and fileuploader code is
<td>
Main Image
</td>
<td>
<asp:FileUpload ID="fuMain" runat="server" />
</td>
<td>
<asp:Button ID="btnMainImage" runat="server" OnClick="btnMainImage_Click" OnClientClick="return validate();"
Text="Submit" />
</td>
</tr>
<tr>
<td>
Sub Image1
</td>
<td>
<asp:FileUpload ID="fuSub1" runat="server" />
</td>
<td>
<asp:Button ID="btnSubImage1" runat="server" Text="Submit" />
</td>
</tr>
<tr>
<td>
Sub Image2
</td>
<td>
<asp:FileUpload ID="fuSub2" runat="server" />
</td>
<td>
<asp:Button ID="btnSubImage2" runat="server" Text="Submit" />
</td>
</tr>
<tr>
<td>
Sub Image3
</td>
<td>
<asp:FileUpload ID="fuSub3" runat="server" />
</td>
<td>
<asp:Button ID="btnSubImage3" runat="server" Text="Submit" />
</td>
</tr>
<tr>
<td>
Sub Image4
</td>
<td>
<asp:FileUpload ID="fuSub4" runat="server" />
</td>
<td>
<asp:Button ID="btnSubImage4" runat="server" Text="Submit" />
</td>
</tr>