Form with file Upload Shopify

Form with File Upload Shopify.liquid

<form method="post" action="/cart/add" id="product_form_6149192941727" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
<label for="upload">Upload Your Logo</label>
<input id="upload" type="file" name="properties[_upload]" class="product-form__input">
</form>

      $('[data-add-to-cart]').on('click', function(e) {
        var isFocusEnabled = $('body').hasClass('focus-enabled') ;
        if (isFocusEnabled) {
          return;
        }
        e.preventDefault();
        var form = $(this).closest('form')
        var hasFileInput = false
        if (form.find('[type="file"]').length){
          hasFileInput = true;
        }
        if(hasFileInput){
          var formData = new FormData($('.shopify-product-form')[0]);
          formData.append('upload_file', $('input[type=file]')[0].files[0]);
          $.ajax({
            type: 'POST',
            url: '/cart/add.js',
            dataType: 'json',
            contentType: false,
            processData: false,
            data: formData,
            error: addError,
            success: addSuccess,
            complete: updateHeaderTotal
          });
        }
        else {
          var form_serialized = form.serializeArray();
          var form_object = {};
          $.map(form_serialized, function(val, i){
            form_object[val.name] = val.value;
          });
          ajaxAddItem(form_object);
        }
      });
      var ajaxAddItem = function(data) {
        $.ajax({
          type: 'POST',
          url: '/cart/add.js',
          dataType: 'json',
          data: data,
          error: addError,
          success: addSuccess,
          complete: updateHeaderTotal
        });
      }

Hey. I realized that this is a code for the product. In fact, I got a form by default. I just need to add an input file and it doesn't appear in the automated message that arrives after the customer has filled out the form. Could you help me?

Have you tried with the Ajax function?

Hi @procarrera ,

I tried the code above you shared, but it doesn't upload the file.