Make Adding a Profile Picture using File Uploader a REQUIRED Step

Hey there,

I’m doing a sign up process through Webflow, using the file uploader to upload profile picture files. How do I make it so users HAVE to use the fie uploader to upload an image otherwise they can’t submit the profile form or continue.

I guess I need a way of checking if they have used the uploader, and showing an error message if they haven’t.

Thanks!

Hi @Nikolai,

If the uploader is a part of a form, there’s a way to make it reuierd. See this article for details

Alternatively, you can check the widget’s value with JS before submitting the form:

const widget = uploadcare.Widget("[role=uploadcare-uploader]");

function isFileUploaded(widget) {
  return !!widget.value();
}

// on form submit
...
if (isFileUploaded(widget)) {
  form.submit();
} else {
  alert("File is not uploaded");
}
...