Solution: Multiple File Upload Control for a Web form

If you want a multiple file upload control on a web form then this works perfectly. It might be primitive so if there is a more simple and elegant solution then please let me know?

This solution works perfectly from LN 6.5 to 8.5.

Form: For Web

  1. Add one Rich Text field one the form.
  • Select “Display = Using Java Applet”

  • Hide paragraph from “Notes” and “Opened for editing”

This will ensure that all attachments will be stored in this field and not just at the end of the form.

  1. Add all the File Upload Control (FUC) on the form that you need.

  2. Enter this in the JS header of the form.

This will hide the extra FUC images that for some reason is displayed when adding more than one FUC.

function hideFUCImages() {

	for(i = 0; i < document.images.length; i++) {

		if (document.images[i].src.indexOf('/$Body/') >= 0) {

			//The images have no id's so we assign it to be able to hide the image afterwards

			if (document.images[i].id == null || document.images[i].id == '') {

				document.images[i].id = "jsmanualimage" + i;

			}

			document.getElementById(document.images[i].id).style.display = "none";

		}



	}

}

  1. Enter this in the onLoad event of the form to activate the JavaScript.

hideFUCImages();

Then just create another form to show the document via the Lotus Notes client if needed.

Subject: Another possible solution

Other solution is create a new “File Upload Control”, not to “copy & paste”. “copy & paste” generates an image as a design element. Perform this action for each design element.