Support forums - Implementation

Support forums » Products » ASP Uploader » Implementation

Implementation

Last post 07-07-2011, 2:13 PM by Eric. 4 replies.


	Sort Posts: Previous Next

07-02-2011, 10:45 AM 68321

SteveS
Joined on 07-02-2011
Posts 5

Implementation

Reply Quote

As I am not a coding guru, I am trying to implement this demo version and see if I can get it to work. All I did was create a new upload.asp page and pasted this code into the HTML and changed the upload directory to a folder on the web server. When I then try to browse to the page to see if the uploader is visible, I get....

HTTP Error 403.1 - Forbidden: Execute access is denied.
Internet Information Services (IIS)

The code I pasted is below.

<% @ Language="VBScript" %>


<html>
<body>
    <div>
    <%
              'Step 2: Create Uploader object
              Dim uploader
              Set uploader=new AspUploader
              'Step 3: Set a unique name to Uploader
      uploader.Name="myuploader"
              uploader.SaveDirectory="uploaded_files"
              uploader.AllowedFileExtensions="*.jpg,*.png,*.gif"
              'Step 4: Render Uploader
              uploader.Render()
    %>
    </div>
</body>
</html>

Can you help me determine what I'm not doing here? I probably am not understanding the deployment steps. Can you be more detailed in:

1) Register Uploader To Your Page

2) Create Uploader Object

3) Set a unique name to Uploader (This is pretty obvious)

4) Render Uploader

07-02-2011, 5:20 PM 68322 in reply to 68321

SteveS
Joined on 07-02-2011
Posts 5

Re: Implementation

Reply Quote

OK, I figured it out. I just modified my upload.htm file to include an inline frame pointing to one of the configured form-xxxxfile.asp pages and it works great.

Is there a way that anytime an upload is made, an email can be generated to a particular email address with the date, time and filename?

Even better, can a form field or two be included so that a person uploading can supply an email address or other relevent information that could be sent along with notification of the file being uploaded?

We would love to be able to have an email sent to our art department with the uploading entity's:

Date

Time

Filename

Name

email address

phone number

maybe even a link in the email to the file that has been uploaded to the server

Am I asking too much?

07-04-2011, 2:10 PM 68342 in reply to 68322

Eric
Joined on 08-05-2009
Posts 1,269

Re: Implementation

Reply Quote

Hi StevenS,

Please set property "UploadUrl", you can write email send code in the handler file.

<%
        Dim uploader
        Set uploader=new AspUploader
        uploader.UploadUrl="myhandler.asp"
        uploader.Render()
    %>

In the download package, you can find the following 3 files, these are the examples of customization handler. You can refer to them.

ajax-multiplefiles-handler.asp
ajax-attachments-handler.asp
misc-filemanager-handler.asp

Thank you for asking
Eric@cutesoft.net

07-06-2011, 6:46 AM 68368 in reply to 68342

SteveS
Joined on 07-02-2011
Posts 5

Re: Implementation

Reply Quote

But can you collect information on the upload page where the user is selecting file(s) to upload and it be submitted immediately after the file has completed the upload?

I guess what I am trying to say is that we are used to using "forms" and form fields for uploading files. Form fields were used in collecting particular information about the person submitting the upload.

We would like to use a combination of the file being uploaded and an email being fired off with all the information that we require above in the previous post. And have the pertinent fields validated so that they are required before the file can be uploaded in the first place. We want that so purely anonymous uploads are not allowed. The form fields would be required to be completed before the upload could occur.

This is what we previoulsy used:

<form method="POST" enctype="multipart/form-data" name="FrontPage_Form1" action="--WEBBOT-SELF--" onsubmit="return FrontPage_Form1_Validator(this)" language="JavaScript">
        <input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><input TYPE="hidden" NAME="_charset_" VALUE="windows-1252"><div align="center">
          <center>
          <table border="0" cellpadding="0" cellspacing="5" style="border-collapse: collapse" bordercolor="#111111" width="120" id="AutoNumber2">
            <tr>
              <td><b><font color="#FFFFFF" face="Verdana" size="1">*</font><font color="#FFFFFF" face="Verdana" size="2">First Name</font></b></td>
              <td><b><font color="#FFFFFF" face="Verdana" size="1">*</font><font color="#FFFFFF" face="Verdana" size="2">Last Name</font></b></td>
            </tr>
            <tr>
              <td>
              <input type="text" name="FirstName" size="40" tabindex="1"></td>
              <td>
              <input type="text" name="LastName" size="40" tabindex="2"></td>
            </tr>
            <tr>
              <td><b><font color="#FFFFFF" face="Verdana" size="1">*</font><font color="#FFFFFF" face="Verdana" size="2">eMail Address</font></b></td>
              <td><b><font color="#FFFFFF" face="Verdana" size="1">*</font><font color="#FFFFFF" face="Verdana" size="2">Phone</font></b></td>
            </tr>
            <tr>
              <td>
              <input type="text" name="eMail" size="40" tabindex="3"></td>
              <td>
              <input type="text" name="Phone" size="40" tabindex="4"></td>
            </tr>
            <tr>
              <td colspan="2">
              <b><font color="#FFFFFF" size="1" face="Verdana">* Required in
              case of questions about your inquiry</font></b></td>
            </tr>
          </table>
          </center>
        </div>
        <p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
        <div align="center">
          <pre style="margin-top: 0; margin-bottom: 0"><b><font face="Verdana" color="#FFFFFF" size="3">NOTES</font></b></pre>
        </div>
        <div align="center">
          <center>
          <pre style="margin-top: 0; margin-bottom: 0"><textarea rows="6" name="NOTES" cols="65" tabindex="5"></textarea></pre>
          </center>
        </div>
        <p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
        <p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
        <p style="margin-top: 0; margin-bottom: 0" align="center"><b>
        <font face="Verdana" color="#FFFFFF">Please Select Your File Below</font></b></p>
        <p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
        <p style="margin-top: 0; margin-bottom: 0" align="center">
        <input type="file" name="UploadFile1" size="50" tabindex="6"></p>
        <p style="margin-top: 0; margin-bottom: 0" align="center">
        <input type="file" name="UploadFile2" size="50" tabindex="7"></p>
        <p style="margin-top: 0; margin-bottom: 0" align="center">
        <input type="file" name="UploadFile3" size="50" tabindex="8"></p>
        <p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
        <p style="margin-top: 0; margin-bottom: 0" align="center">
        <input type="submit" value="Submit" name="SubmitButton" tabindex="9"></p>
        <p style="margin-top: 0; margin-bottom: 0" align="center"> </p>
      </form>

Thanks for any assistance.

SteveS

07-07-2011, 2:13 PM 68378 in reply to 68368

Eric
Joined on 08-05-2009
Posts 1,269

Re: Implementation

Reply Quote

Hi SteveS,

You can run the following two examples on your asp uploader installation directly:

example1:

<%@ Language="VBScript" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
  Form - Start uploading manually
</title>
</head>
<body>
<div class="demo">
   
   <form id="form1" method="POST">
    <%
    Dim uploader
    Set uploader=new AspUploader
    uploader.MaxSizeKB=10240
    uploader.Name="myuploader"
    uploader.InsertText="Upload File (Max 10M)"
    uploader.MultipleFilesUpload=true
    uploader.ManualStartUpload=true
    %>
    <%=uploader.GetString() %>
    <br />

   <table id='clientTable' style="display: none; font-size: 9pt; border-collapse: collapse"
    border="1" cellspacing="0" cellpadding="5">
    <tr>
     <td>
      FileName
     </td>
     <td>
      Description
     </td>
     <td>
      Status
     </td>
    </tr>
   </table>
    <br />
    <button id='btnUpload' style="display: none;" onclick="Upload_Click();return false;">Start Upload</button>
   </form>
</div>
<script type="text/javascript">
    var btnUpload = document.getElementById("btnUpload");
    var clientTable = document.getElementById("clientTable");
    var uploader = document.getElementById('myuploader');
    //var buttonTell = document.getElementById('buttonTell');
    var buttonTellClicked = false;

        row._file = file;
        row._filekey = file.InitGuid || file.FileName;
        if (!row._textbox) {
            row._textbox = document.createElement("INPUT");
            row._textbox.type = "text";
            row.cells.item(1).appendChild(row._textbox);
        }
        row._textbox.onchange = function() {
            file.SetClientData(row._textbox.value);
        }
        row.cells.item(0).innerHTML = file.FileName;
        switch (file.Status) {
            case "Queue":
                row.cells.item(2).innerHTML = "<a href='#' onclick='CancelQueueItem(this);return false'>remove</a>";
                break;
            case "Finish": //uploaded
            case "Upload": //uploading
            case "Error": //cancelled
            default:
                row.cells.item(2).innerHTML = file.Status;
                break;
        }
    }
    function CancelQueueItem(link) {
        var td = link.parentNode;
        var row = td.parentNode;
        var file = row._file;
        file.Cancel();
    }
    //prevent duplicated items:
    function CuteWebUI_AjaxUploader_OnSelect(files) {
        var sames = [];
        var items = uploader.getitems();
        for (var i = 0; i < files.length; i++) {
            var file = files[i];
            var exists = false;
            for (var j = 0; j < items.length; j++) {
                var item = items[j];
                if (item.FileName == file.FileName) {
                    exists = true;
                }
            }
            if (exists) {
                sames.push(file.FileName);
                file.Cancel();
            }
        }
        if (sames.length > 0) {
            alert("These file(s) are already in the queue : \r\n\t" + sames.join('\r\n\t'));
        }
    }
</script>
</body>
</html>

example2:

<%@ Language="VBScript" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
  Form - Multiple files upload
</title>
<link href="demo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function CuteWebUI_AjaxUploader_OnPostback() {
  //submit the form after the file have been uploaded:
  document.forms[0].submit();
}
function CuteWebUI_AjaxUploader_OnQueueUI(files) {
        //return false;
    }
    function CuteWebUI_AjaxUploader_OnSelect(files) {
      var form1= document.forms[0];
      if(form1.fname.value==""){
         window.alert("please input first name!");
         form1.fname.focus()
         return false;
      }
      if(form1.lname.value==""){
         window.alert("please input first name!");
         form1.lname.focus()
         return false;
      }
    }
</script>
</head>
<body>
<div class="demo">
        <h2>Selecting multiple files for upload</h2>
  <p>ASP Uploader allows you to select multiple files and upload multiple files at once.</p>
   
   <form id="form1" method="POST">
   First Name: <input type="text" name="fname" />
            <br />
            Last Name: <input type="text" name="lname" />
            <br />
   <%
   Dim uploader
   Set uploader=new AspUploader
   uploader.MaxSizeKB=10240
   uploader.Name="myuploader"
   uploader.InsertText="Upload File (Max 10M)"
   uploader.MultipleFilesUpload=true
   %>
   <%=uploader.GetString() %>
   </form>
   <br/><br/>
<%
If Request.Form("myuploader")&""<>"" Then
Dim list,i
'Gets the GUID List of the files based on uploader name
list=Split(Request.Form("myuploader"),"/")
For i=0 to Ubound(list)
  if i>0 then
   Response.Write("<hr/>")
  end if
  Dim mvcfile

  'get the uploaded file based on GUID
  Set mvcfile=uploader.GetUploadedFile(list(i))

  Response.Write("<div style='font-family:Fixedsys'>")
  Response.Write("Uploaded File:")
   'Gets the name of the file.
  Response.Write("<br/>FileName: ")
  Response.Write(mvcfile.FileName)
  'Gets the size of the file.
  Response.Write("<br/>FileSize: ")
  Response.Write(mvcfile.FileSize)
  'Gets the temp file path.
  Response.Write("<br/>FilePath: ")
  Response.Write(mvcfile.FilePath)
  Response.Write("</div>")
  'Copys the uploaded file to a new location.
        mvcfile.CopyTo("/uploads")
        'Moves the uploaded file to a new location.
        mvcfile.MoveTo("/uploads")
Next
End If
%>
</div>
</body>
</html>

Thanks for asking

Eric@cutesoft.net

Implementation

07-02-2011, 10:45 AM 68321

Implementation

HTTP Error 403.1 - Forbidden: Execute access is denied.Internet Information Services (IIS)

07-02-2011, 5:20 PM 68322 in reply to 68321

Re: Implementation

07-04-2011, 2:10 PM 68342 in reply to 68322

Re: Implementation

07-06-2011, 6:46 AM 68368 in reply to 68342

Re: Implementation

07-07-2011, 2:13 PM 68378 in reply to 68368

Re: Implementation

HTTP Error 403.1 - Forbidden: Execute access is denied.
Internet Information Services (IIS)