uploading pics to a website

kevinfrey · 8 Oct 2002

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

anewhope · 15 Oct 2002

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!

EventHorizon · 15 Oct 2002

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!!!

w0lv3rin3 · 19 Oct 2002

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

Zedric · 19 Oct 2002

The PHP reference guide (www.php.net) contains an example of how to upload files. It also shows some common pitfalls to avoid.

uploading pics to a website

kevinfrey

Guest

anewhope

Guest

EventHorizon

Guest

w0lv3rin3

The Source

Zedric

NTFS Guru

Members online

Affiliates

Latest profile posts

Forum statistics