Проблема получения имени ввода файла типа из HTML-тега

Question

vinsertBtn.onclick = function(){
  insertData();
} 
function insertData(){
  var vimages = document.getElementById("cfile");
  var thefile = vimages.files[0];   

  vfinishicon.style.display = 'none';

  // Create a root reference
  var storageRef = firebase.storage().ref("productImages/"+thefile.name);
  var idxDot = thefile.name.lastIndexOf(".") + 1;
  var extFile = thefile.namethefile.name.substr(idxDot, thefile.name.length).toLowerCase();

  if (extFile !== "jpg" && extFile !== "jpeg" && extFile!=="png"){
      $("#resultID").attr("class","alert alert-danger");
      $("#resultID").text("only jpeg or png are accepted.");
      vresult.focus();
      return;
  }

с этим кодом может иметь эту ошибку:

insertproduct.html: 269 Uncaught TypeError: Невозможно прочитать свойство 'name' неопределенного в insertData (insertproduct.html: 269) в HTMLButtonElement.vinsertBtn.onclick (insertproduct.html: 261)