# Upload Button

**URL:** <https://forum.wixstudio.com/t/upload-button/37945>\
**Category:** Ask the community\
**Tags:** question, code\
**Created:** [June 11, 2018, 8:38am UTC](https://forum.wixstudio.com/t/upload-button/37945 "2018-06-11T08:38:16Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![amirelkhadem](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@amirelkhadem](https://forum.wixstudio.com/u/amirelkhadem)\
**Post date:** [June 11, 2018, 8:38am UTC](https://forum.wixstudio.com/t/upload-button/37945/1 "2018-06-11T08:38:16Z")

</div>

Hi guy’s, i would like to put an upload button on my webside like that the use’s can put they CV to send to us.  
Sorry for my english 😕

Thx

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [June 11, 2018, 10:24am UTC](https://forum.wixstudio.com/t/upload-button/37945/2 "2018-06-11T10:24:00Z")

</div>

Hey Amir,

Welcome to the Wix Code forums.

Take a look at the article [How to Use the Upload Button with Code](https://support.wix.com/en/article/how-to-use-the-upload-button-with-code) . This will show you what you need.

Have fun,

Yisrael

---

<div class="post-metadata">

**Author:** ![amirelkhadem](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@amirelkhadem](https://forum.wixstudio.com/u/amirelkhadem)\
**Post date:** [June 12, 2018, 9:12am UTC](https://forum.wixstudio.com/t/upload-button/37945/3 "2018-06-12T09:12:01Z")

</div>

Ok, thank you, i will try. 😃

---

<div class="post-metadata">

**Author:** ![amirelkhadem](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@amirelkhadem](https://forum.wixstudio.com/u/amirelkhadem)\
**Post date:** [June 12, 2018, 9:41am UTC](https://forum.wixstudio.com/t/upload-button/37945/4 "2018-06-12T09:41:32Z")

</div>

I have try and when i put this JS Code :

```javascript
export function button1_click_1(event, $w) {
 //Add your code for this event here: 
 if($w("#uploadButton1").value.length > 0) {
    $w("#text1").text = `Uploading ${$w("#uploadButton1").value[0].name}`;
    $w("#uploadButton1").startUpload()
      .then( (uploadedFile) => {
        $w("#text1").text = "Upload successful";
        $w("#image1").src = uploadedFile.url;
      })
      .catch( (uploadError) => {
        $w("#text1").text = "File upload error";
        console.log(`Error: ${uploadError.errorCode}`);
        console.log(uploadError.errorDescription);
      });
  } 
 else {
    $w("#text1").text = "Please choose a file to upload.";
  }

}

```

they show me this error : is not a valid selector for :

```javascript
("#uploadButton1")
("#text1")
("#uploadButton1")
("#uploadButton1")
("#text1")
("#image1")
("#text1")
("#text1")

```

I don’t understand why

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [June 12, 2018, 9:43am UTC](https://forum.wixstudio.com/t/upload-button/37945/5 "2018-06-12T09:43:44Z")

</div>

You need components with those IDs on your web page. The error is telling you that those components are missing, or have different names.

---

<div class="post-metadata">

**Author:** ![amirelkhadem](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@amirelkhadem](https://forum.wixstudio.com/u/amirelkhadem)\
**Post date:** [June 12, 2018, 9:53am UTC](https://forum.wixstudio.com/t/upload-button/37945/6 "2018-06-12T09:53:32Z")

</div>

I have no different name :

 ![](https://us1.discourse-cdn.com/wix/original/3X/8/6/862ce92cea496c42b637e5eecf597d41330f54ee.jpeg)  
Sorry but i don’t know JS

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [June 12, 2018, 9:56am UTC](https://forum.wixstudio.com/t/upload-button/37945/7 "2018-06-12T09:56:01Z")

</div>

Please post the URL of your site. _Only authorized Wix personnel can get access to your site in the editor._

---

<div class="post-metadata">

**Author:** ![amirelkhadem](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@amirelkhadem](https://forum.wixstudio.com/u/amirelkhadem)\
**Post date:** [June 12, 2018, 9:56am UTC](https://forum.wixstudio.com/t/upload-button/37945/8 "2018-06-12T09:56:33Z")

</div>

> **[Log In | Wix](https://users.wix.com/signin?originUrl=http%3A%2F%2Feditor.wix.com%2Fhtml%2Feditor%2Fweb%2Frenderer%2Fedit%2F3fc943cf-e262-4e8d-98fb-e236b1530154%3FmetaSiteId%3D83f2ca37-bdbb-44fa-924c-37e74401bbe9%26editorSessionId%3D1CF7FCB9-C476-460C-A5F3-EE7AEF916CE5%26referralInfo%3Dmy-account&redirectTo=http%3A%2F%2Feditor.wix.com%2Fhtml%2Feditor%2Fweb%2Frenderer%2Fedit%2F3fc943cf-e262-4e8d-98fb-e236b1530154%3FmetaSiteId%3D83f2ca37-bdbb-44fa-924c-37e74401bbe9%26editorSessionId%3D1CF7FCB9-C476-460C-A5F3-EE7AEF916CE5%26referralInfo%3Dmy-account&overrideLocale=en&forceRender=true)**
>
> Login to Wix.com

go to Contact page

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [June 12, 2018, 9:59am UTC](https://forum.wixstudio.com/t/upload-button/37945/9 "2018-06-12T09:59:58Z")

</div>

What page?

---

<div class="post-metadata">

**Author:** ![amirelkhadem](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@amirelkhadem](https://forum.wixstudio.com/u/amirelkhadem)\
**Post date:** [June 12, 2018, 10:00am UTC](https://forum.wixstudio.com/t/upload-button/37945/10 "2018-06-12T10:00:53Z")

</div>

Contact page

---

<div class="post-metadata">

**Author:** ![amirelkhadem](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@amirelkhadem](https://forum.wixstudio.com/u/amirelkhadem)\
**Post date:** [June 12, 2018, 10:02am UTC](https://forum.wixstudio.com/t/upload-button/37945/11 "2018-06-12T10:02:00Z")

</div>

But don’t publish the webside 🙂

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [June 12, 2018, 10:03am UTC](https://forum.wixstudio.com/t/upload-button/37945/12 "2018-06-12T10:03:59Z")

</div>

The code will not work with a Contact Form component. You need a page that has all of the components as you listed above. You will need to carefully follow the article [How to Use the Upload Button with Code](https://support.wix.com/en/article/how-to-use-the-upload-button-with-code) in order to properly build the form.

---

<div class="post-metadata">

**Author:** ![amirelkhadem](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@amirelkhadem](https://forum.wixstudio.com/u/amirelkhadem)\
**Post date:** [June 12, 2018, 10:06am UTC](https://forum.wixstudio.com/t/upload-button/37945/13 "2018-06-12T10:06:20Z")

</div>

But i have put a button outside the contact form. The Blue button

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [June 12, 2018, 10:10am UTC](https://forum.wixstudio.com/t/upload-button/37945/14 "2018-06-12T10:10:07Z")

</div>

You need more than just a button. You need all of the components that are used in the Javascript code, and the components must have the IDs that are used in the code.

---

<div class="post-metadata">

**Author:** ![amirelkhadem](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@amirelkhadem](https://forum.wixstudio.com/u/amirelkhadem)\
**Post date:** [June 12, 2018, 10:17am UTC](https://forum.wixstudio.com/t/upload-button/37945/15 "2018-06-12T10:17:28Z")

</div>

ok, thank you 🙂  
i will try again

Amir

---

<div class="post-metadata">

**Author:** ![hannahouazzane](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/hannahouazzane/32/21971_2.png) [@hannahouazzane](https://forum.wixstudio.com/u/hannahouazzane)\
**Post date:** [July 17, 2020, 6:55pm UTC](https://forum.wixstudio.com/t/upload-button/37945/16 "2020-07-17T18:55:59Z")

</div>

Hello! I was wondering how I would be able use this form to send an email with the attached file?I would really appreciate some help as I am quite new to this haha

---

<div class="post-metadata">

**Author:** ![cdelarosa4075](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/cdelarosa4075/32/10600_2.png) [@cdelarosa4075](https://forum.wixstudio.com/u/cdelarosa4075)\
**Post date:** [September 9, 2020, 7:34am UTC](https://forum.wixstudio.com/t/upload-button/37945/17 "2020-09-09T07:34:27Z")

</div>

I’m having the same issue. Would you be able to help me? I’m trying to allow my customers to upload images for their custom orders . I need the buttons on the product page. I had the same issue with the JavaScript

---

<div class="post-metadata">

**Author:** ![yisrael-wix](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/yisrael-wix/32/1107_2.png) [@yisrael-wix](https://forum.wixstudio.com/u/yisrael-wix)\
**Post date:** [September 9, 2020, 7:52am UTC](https://forum.wixstudio.com/t/upload-button/37945/18 "2020-09-09T07:52:20Z")

</div>

What “same issue” are you having? Please add your own issue into a new post instead of bumping up an old post.

Explain what you are trying to, what works, and what doesn’t. You said you had an issue with the Javascript, so add any code in a code block as stated in the [Forum Guidelines](https://www.wix.com/corvid/forum/community-discussion/corvid-community-guidelines) so we can help.

This is an old post and is being closed.