Forums | MacLife

For security reasons, the value of file input nodes are read only.
Thus is a validation script tries to validate a file input and it fails, it seems you can not reset it without resetting the entire form.

So I tried removing the node and inserting a new one:

function validateImage(image,voucher) {
   var myInput = document.getElementById(image).value
   if (emptyInput(myInput)) {
      return true;
      } else {
      if (validFileType(myInput)) {
         return true;
         } else {
         var myDiv   = document.getElementById(voucher);
         myDiv.removeChild(myDiv.firstChild);
         var myImage = document.createElement("input");
         myImage.setAttribute("type","file");
         myImage.setAttribute("name","voucher[]");
         myImage.setAttribute("style","width: 42em;");
         myImage.setAttribute("id",image);
         myDiv.appendChild(myImage);
         return false;
         }
      }
   }

Both opera and firefox fail to remove the node, but are more than willing to insert the replacement - which causes a node id clash that pukes opera (but firefox seems to handle, interestingly w/o errors to the console).

Does the read only status of file inputs prevent a note with a selected file from being deleted, or is my code wrong?
It seems that removing a node should not cause any security concerns.

Is there any proper way to reset a file input without resetting the entire form?
It would seem to me that if resetting the entire form is not a security issue, then resetting a file input node to blank shouldn't be either.