text: const wrapper = document.querySelector(".wrapper");
  const fileName = document.querySelector(".file-name");
  const defaultBtn = document.querySelector("#default-btn");
  const customBtn = document.querySelector("#custom-btn");
  const cancelBtn = document.querySelector("#cancel-btn i");
  const img = document.querySelector("img");
  let regExp = /[0-9a-zA-Z\^\&\'\@\{\}\[\]\,\$\=\!\-\#\(\)\.\%\+\~\_ ]+$/;
  function defaultBtnActive(){
    defaultBtn.click();
  }
  defaultBtn.addEventListener("change", function(){
    document.getElementById("HideImg").style.display = "inline";
    const file = this.files[0];
    if(file){
      const reader = new FileReader();
      reader.onload = function(){
        const result = reader.result;
        img.src = result;
        wrapper.classList.add("active");
      }
      cancelBtn.addEventListener("click", function(){
        img.src = "";
        wrapper.classList.remove("active");
      })
      reader.readAsDataURL(file);
    }
    if(this.value){
      let valueStore = this.value.match(regExp);
      fileName.textContent = valueStore;
    }
  });