added js for validating upload photo form. Users must select a photo before hitting the Upload Photo button.

webapp/web/templates/freemarker/body/imageUpload/replaceImage.ftl

@@ -2,6 +2,9 @@
 
 <#-- Upload a replacement main image for an Individual. -->
 
+${scripts.add("/js/imageUpload/validateUpload.js")}
+
+
 ${stylesheets.addFromTheme("/uploadImages.css")}
 
 <#if errorMessage??>
@@ -15,7 +18,7 @@ ${stylesheets.addFromTheme("/uploadImages.css")}
               <img src="${thumbnailUrl}" width="115" height="115" /> <br />
        <a href="${deleteUrl}">Delete photo</a></div>
        <div id="photoUploadForm">
-              <form action="${formAction}" enctype="multipart/form-data" method="post">
+              <form action="${formAction}" enctype="multipart/form-data" method="post" onSubmit="return validate_upload_file(this)">
                      <label>Replace Photo <span> (JPEG, GIF or PNG. Max Size: 50 MB)</span></label>
                      <input type="file" name="datafile" size="30">
                      <input type="submit" value="Upload photo"> or <a href="${cancelUrl}">Cancel</a>