uploading pics to a website

Discussion in 'Green Room' started by kevinfrey, Oct 8, 2002.

  1. kevinfrey

    kevinfrey Guest

    I want to create a place on a website where visitors can upload small photos and captions. I want it to be something like www.facelink.com or www.pbase.com but without any logging in or membership. This is for a garden club. It must be easy. These folks know nothing about ftp. I also don't want them to just email me the photos and text; even though I do maintain their website, I want them to be able to browse their computer, choose a file and click something that will upload the picture. I want the picture to appear on the website as a photo and not as an attachment button like in this forum. After they upload their pictures, I can then rearrange them into good looking html pages.
    thanks,
    kevin
     
  2. anewhope

    anewhope Guest

    Your best bet is to get CGI or something like that from www.cgi-resources.com and installing a script like that, might not be the easiest thing in the world to do, but when you do, drop us a link so I can have a look!
     
  3. EventHorizon

    EventHorizon Guest

    I can send you some ASP based code that will do this. It also lets you limit the file size that they can upload too!!!
     
  4. w0lv3rin3

    w0lv3rin3 The Source Political User

    Messages:
    465
    Location:
    Barrie, ON
    u can use .ASP/.PHP/.CGI

    or use FTP and get people to make their own accounts using FTP then upload new settings to your site.

    ----------------------------------------------------------------------------------
    Register Your People on HERE. HTML CODE
    ----------------------------------------------------------------------------------
    Code:
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body class="sub">
    <form name="@@FormName@@" method="@@FormMethod@@" action="@@FormAction@@">
      <table width="90%" border="0" cellpadding="8">
        <tr> 
          <td colspan="3" class="HeaderColor"> <h4>Register</h4></td>
        </tr>
        <tr style="vertical-align: top"> 
          <td style="text-align: right" class="LabelColor" nowrap><label for="username"> 
            User Name*</label></td>
          <td colspan="2" class="TitleColor"> <input type="text" id="username" name="textfield"> 
            <br> <span class="small">*Lorem ipsum dolor sit amet, consetetur sadipscing 
            elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna 
            aliquyam erat, sed diam voluptua.</span></td>
        </tr>
        <tr style="vertical-align: top"> 
          <td style="text-align: right" class="LabelColor"><label for="password"> 
            Password</label></td>
          <td colspan="2" class="TitleColor"> <input type="text" id="password" name="textfield2"> 
          </td>
        </tr>
        <tr style="vertical-align: top"> 
          <td style="text-align: right" class="LabelColor"><label for="confirmpassword"> 
            Confirm<br>
            Password*</label></td>
          <td colspan="2" class="TitleColor"> <input type="text" id="confirmpassword" name="textfield3"> 
            <br> <span class="small">* Lorem ipsum dolor sit amet, consetetur sadipscing 
            elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna 
            aliquyam erat, sed diam voluptua.</span></td>
        </tr>
        <tr style="vertical-align: top"> 
          <td style="text-align: right" class="LabelColor"> Name</td>
          <td width="43%" class="TitleColor"> <label for="first">First: </label> <input type="text" id="first" name="textfield4"> 
          </td>
          <td width="46%" class="TitleColor"> <label for="last">Last: </label> <input type="text" id="last" name="textfield5"> 
          </td>
        </tr>
        <tr style="vertical-align: top"> 
          <td style="text-align: right" class="LabelColor"><label for="email"> Email</label></td>
          <td colspan="2" class="TitleColor"> <input type="text" id="email" name="textfield6" size="50"> 
          </td>
        </tr>
        <tr style="vertical-align: top"> 
          <td style="text-align: right" class="LabelColor"> Gender</td>
          <td colspan="2"> <p class="TitleColor"> 
              <label for="male">Male </label>
              <input type="radio" id="male" name="radiobutton1" value="radiobutton">
              <label for="female">Female </label>
              <input type="radio" id="female" name="radiobutton1" value="radiobutton">
            </p></td>
        </tr>
        <tr style="vertical-align: top"> 
          <td style="text-align: right" class="LabelColor"> Birth Date</td>
          <td colspan="2"> <table border="0" cellspacing="2" cellpadding="0">
              <tr style="text-align: left"> 
                <td class="TitleColor"><label for="month">MM </label> <input type="text" id="month" name="textfield7" size="2"></td>
                <td class="TitleColor"><label for="day">DD </label> <input type="text" id="day" name="textfield8" size="2"></td>
                <td class="TitleColor"><label for="year">YYYY </label> <input type="text" id="year" name="textfield9" size="4"></td>
              </tr>
            </table></td>
        </tr>
        <tr style="vertical-align: top"> 
          <td colspan="3"> <p class="StoryContentColor">Lorem ipsum dolor sit amet, 
              consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt 
              ut labore et dolore magna aliquyam erat, sed diam voluptua.<br>
              <label for="yes1">Yes </label>
              <input type="radio" id="yes1" name="radiobutton2" value="radiobutton" checked>
              <br>
              <label for="no1">&nbsp;No </label>
              <input type="radio" id="no1" name="radiobutton2" value="radiobutton">
            </p>
            <p class="StoryContentColor">Lorem ipsum dolor sit amet, consetetur sadipscing 
              elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna 
              aliquyam erat, sed diam voluptua. <br>
              <label for="yes2">Yes </label>
              <input type="radio" id="yes2" name="radiobutton3" value="radiobutton" checked>
              <br>
              <label for="no2">&nbsp;No </label>
              <input type="radio" id="no2" name="radiobutton3" value="radiobutton">
            </p></td>
        </tr>
        <tr style="vertical-align: top" class="FooterColor"> 
          <td colspan="3"><input type="submit" name="SubmitName" value="@@SubmitLabel@@"></td>
        </tr>
      </table>
    </form>
    </body>
    </html>
    
    ----------------------------------------------------------------------------------
    Login Your People on HERE. HTML CODE
    ----------------------------------------------------------------------------------
    Code:
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body class="sub">
    <br>
    <form name="@@FormName@@" method="@@FormMethod@@" action="@@FormAction@@">
      <table width="100%" border="0" cellspacing="0" cellpadding="1" class="TitleColor">
        <tr style="vertical-align: top"> 
          <td> <table width="100%" border="0" cellspacing="0" cellpadding="4">
              <tr class="HeaderColor"> 
                <td width="20%" style="vertical-align: top"> <h3>Sign In</h3></td>
                <td width="80%" style="vertical-align: top"> <h3>Sign In</h3></td>
              </tr>
              <tr style="vertical-align: top"> 
                <td width="20%" class="TitleColor"> <label for="username"><strong>User 
                  Name</strong></label> &nbsp;<br> <input id="username" name="username" type="text" size="25"> 
                  <p>&nbsp;</p> <label for="password"><strong>Password</strong></label> 
                  &nbsp;<br> <input id="password" name="password" type="password" size="25"> 
                  <p> 
                    <input type="submit" name="ButtonName" value="@@ButtonLabel@@">
                  </p></td>
                <td width="80%" class="StoryContentColor"> <h4 class="TitleColor">Instructions:</h4>
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum 
                  dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit 
                  amet, consectetur adipiscing elit.</td>
              </tr>
            </table></td>
        </tr>
      </table>
    </form>
    </body>
    </html>
    
    ----------------------------------------------------------------------------------
    Upload Your People's Pic's on HERE. HTML CODE
    ----------------------------------------------------------------------------------
    Code:
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body class="sub">
    <form name="@@FormName@@" method="@@FormMethod@@" action="@@FormAction@@">
      <table width="90%" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td><hr noshade></td>
        </tr>
        <tr> 
          <td> <h4 class="HeaderColor">Step 1</h4>
            <p class="StoryContentColor"> Lorem ipsum dolor sit amet, consectetur 
              adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing 
              elit. </p>
            <p class="StoryContentColor"> 
              <label for="browse"> Browse:&nbsp;</label>
              <input id="browse" name="textfield1" type="text" size="30">
              <br>
              <br>
              <input type="submit" name="Submit1" value="Browse...">
            </p>
            <h4 class="HeaderColor">Step 2</h4>
            <p class="StoryContentColor"> Lorem ipsum dolor sit amet, consectetur 
              adipiscing elit. </p>
            <p> 
              <input type="submit" name="Submit2" value="Upload">
            </p></td>
        </tr>
        <tr> 
          <td><hr noshade></td>
        </tr>
      </table>
    </form>
    </body>
    </html>
    
    Remember, You need a SQL server and maby a ODBC server To use this
     
  5. Zedric

    Zedric NTFS Guru Folding Team

    Messages:
    4,006
    Location:
    Sweden
    The PHP reference guide (www.php.net) contains an example of how to upload files. It also shows some common pitfalls to avoid.