www.webdeveloper.com
Results 1 to 2 of 2

Thread: File Upload with Contact Form (Using Yahoo Hosting)

  1. #1
    Join Date
    Sep 2012
    Posts
    2

    Question File Upload with Contact Form (Using Yahoo Hosting)

    I don't know where to begin to try and figure this out. I've created a working contact form that starts with this code:

    Code:
    <form method=post action="http://us.1.p8.webhosting.yahoo.com/forms?login=facemelter410&to=andre@think-innovations.com&confirm=confirmation.html&error=error.html">
    I'm using the above code instead of php. It works properly, and I'm getting the form to send me email.
    Now, I need to include a file upload option. And I want the file to be sent along with the rest of the information in the contact form. Is this possible?

    I haven't really started messing around too much, but here are some dilemmas that I know I'll be facing.

    1. Nesting Forms are not allowed. So, how do I send file along with the rest of the contact form?

    2. I'm not using php, but a specific form method provided by Yahoo. I'm certain I would have to use php to get this done, so I need to somehow incorporate both.

    I did manage to find a css/html combo online with an upload option that lets me send file along with contact form, but I'm not receiving the file, just the name of the file.

    http://cssdeck.com/labs/custom-css-f...d-form-control

    If someone could point me in some right direction, it would be great. Right now, I'm lost as to where to start. Thanks in advance!

    Here is my code:

    HTML:

    HTML Code:
     <div id="rcontain">
    
    <br>
    
    <p>Free Quote Request Form:</p>
    
    <form method=post action="http://us.1.p8.webhosting.yahoo.com/forms?login=facemelter410&to=andre@think-innovations.com&confirm=confirmation.html&error=error.html">
    <div>
    
    <table width="450px" cellspacing="10">
    
    <tr>
     <td valign="top">
      <label for="full_name"></label>
     </td>
    <td valign="top">
      <input type="text" class="defaultText" title="  Full Name*" name="full_name" maxlength="50" size="30">
     </td>
    
     <td valign="top" rowspan="5">
      <label for="comments"></label>
     </td>
     <td>
     <td valign="top" rowspan="5">
      <textarea class="defaultText" title="How can we help you?*" name="comments" maxlength="1000" cols="25" rows="6"></textarea>
     </td>
    </tr>
    <tr>
     <td valign="top"">
      <label for="company"></label>
     </td>
     <td valign="top">
      <input  type="text" class="defaultText" title="  Company" name="company" maxlength="50" size="30">
     </td>
    </tr>
    
    <tr>
     <td valign="top">
      <label for="email"></label>
     </td>
     <td valign="top">
      <input  type="text" class="defaultText" title="  Email*" name="email" maxlength="80" size="30">
     </td>
    </tr>
    
    <tr>
     <td valign="top">
      <label for="phone"></label>
     </td>
     <td valign="top">
      <input type="text" class="defaultText" title="  Phone*" name="phone" maxlength="30" size="30">
     </td>
    </tr>
    
    
    <tr>
     <td valign="top">
    <label for="file"></label>
     </td>
     <td valign="top">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    </td>
    </tr>
    
    
    <tr>
     <td valign="top">
    <label for"submit"></label>
     </td>
     <td valign="top">
      <input type="submit" class="button">
     </td>
    </tr>
    
    
    
    
    
    
    
    
    
     </td>
    </tr>
    
    </table>
    
    
    </div>
    </form>
    
    
    
    
    
    
    
    
    
    
    
    
    </div>

    The CSS:


    Code:
    form {
    
    margin:auto;
    position:relative;
    width:495px;
    height:200px;
    font-family: Calibri, Geneva, sans-serif;
    font-size: 26px;
    font-style: none;
    line-height: 24px;
    font-weight: none;
    color: #6b7075;
    text-decoration: none;
    
    }
    
    
    
    input    {
    width:375px;
    display:block;
    border: 1px solid #999;
    height: 25px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    }
    
    .button {
    width:80px;
    position:relative;
    left:355px;
    bottom:0px;
    background:white url(images/send.png) no-repeat ;
    display:block;
    text-indent:-999px;
    }
    
    .button:hover {
    background:white url(images/send_hover.png) no-repeat ;
    }
    
    
    textarea {
    font-family: Calibri, Geneva, sans-serif;
    width:200px;
    height:175px;
    display:block;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    }
    
    textarea.message {
    display:block;
    }
    
    
    textarea:focus, input:focus {
    border: 1px solid #09C;
    
    }
    
    textarea:hover, input:hover {
    background-color: #F5F6CE;
    border: 1px solid #FF8000;
    }
    
    
    
    
    .defaultText { width: 200px;}
    .defaultTextActive { color: #a1a1a1; font-style: bold; }
    
    input.defaultText {height:20px;}-

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    First check is your Yahoo form builder allows you to add a "file" field to your form.
    If not them you will not be able to upload a file even if you modified the HTML of your form.
    Judging by your form tag, it appear it's setup to just send text information to the email address appearing in the action attribute: andre@think-innovations.com

    To upload a file,
    * first add a file field to our form that allows the end user to select the file to upload from her computer
    <input type="file" name="myfile">
    * Then you need to add the encoding type to your form tag
    <form method=post action="http://us.1.p8.webhosting.yahoo.com/forms?login=facemelter410&to=andre@think-innovations.com&confirm=confirmation.html&error=error.html" enctype="multipart/form-data">

    * To receive the file by email, the server-side script has to actually capture the file's data, encode it to be added to the email sent. If you do not receive any file then the sercer-side script is not setup for that heaving lifting.


    Just think about it. You certainly don't want anyone visiting your website to be able to upload a file to your web hosting server. There are security risk there.
    Unless it's a file sharing web site which takes extra precautions, will only allow certain type of files, and scans all incoming files as well then it's a bad idea to have file upload in a public site.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles