asked on

Append uploaded file name with dynamic form field

First let me say I'm new to coding, so forgive my improper naming, I think I've used names that make sense.

Here's my question, I have a form for uploading multiple images that uses a WebHandler class and this part works perfect for uploading the files to a predetermined location on my web server. What I would like to do is to append the uploaded image file name dynamically with the last name of the submitter.

I've tried many things, but I think the Handler class isn't getting the information from the regular code behind and trying to add the handler code into the code behind doesn't allow me to upload multiple image. Any suggestions? Here's all my code, hope I did this right!

Handler code

<%@ WebHandler Language="VB" Class="UploadVB" %>
 
Imports System
Imports System.Web
Imports System.IO
 
Public Class UploadVB : Implements IHttpHandler
   
    Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest


        Dim postedFile As HttpPostedFile = context.Request.Files("Filedata")
 
        Dim savepath As String = ""
        Dim tempPath As String = ""
        tempPath = System.Configuration.ConfigurationManager.AppSettings("FolderPath")
        savepath = context.Server.MapPath(tempPath) 
        Dim filename As String =  postedFile.FileName
        If Not Directory.Exists(savepath) Then
            Directory.CreateDirectory(savepath)
        End If
 
        postedFile.SaveAs((savepath & "\") + filename)
        context.Response.Write((tempPath & "/") + filename)
        context.Response.StatusCode = 200
		
		
    End Sub
 
    Public ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable
        Get
            Return False
        End Get
    End Property
 
End Class

Open in new window

Regular Code Behind

Partial Class _Default
    Inherits System.Web.UI.Page
    'Public WithEvents startUploadLink As UserControl
	


       Protected Sub UploadSubmit(ByVal sender As Object, ByVal e As System.EventArgs) 
         If Page.IsValid Then
			Dim new_fname = ValidateInputForDB(fName.Text)
			Dim new_lname = ValidateInputForDB(lName.Text)
			'Dim new_email = ValidateInputForDB(email.Text)
			Dim new_FileUpload1 As FileUpload = DirectCast(Form1.FindControl("FileUpload1"), FileUpload)



		
		Dim strSQL As String
				
		strSQL	= 			"INSERT INTO artist_assets (fName, lName, FileUpload1)"				
				
        strSQL = strSQL & "VALUES ('" & new_fname & "','" & new_lname & "','" & new_FileUpload1.FileName  & "')"
 
 				call InsertUpdate(strSQL)	
    End If
	End Sub
     'more stuff below for connecting with database  
	End Class

Open in new window

Web page with form

<%@ Page Language="VB" AutoEventWireup="true"  CodeFile="TriggerUpload.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Uploadify Example for .NET</title>
	<link href="css/default.css" rel="stylesheet" type="text/css" />
	<link href="css/uploadify.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="scripts/swfobject.js"></script>
	<script type="text/javascript" src="scripts/jquery.uploadify.v2.1.0.min.js"></script> 
    
    <script type="text/javascript">
	function ClientSideClick(myButton) {
	// Client side validation
		if (typeof (Page_ClientValidate) == 'function') {
		if (Page_ClientValidate() == false)
		{ return false; }
		}

		if (Page_IsValid) {

		myButton.disabled =

		true;
		myButton.className = "btn-inactive";
		myButton.value = "processing..."; 
		}

		else {

		}

		return true;
		
		}
		</script>
    
</head>
<body style='background:black;'>
<div id='main'>
        <form id="form1" runat="server">
         <script type="text/javascript">
function u(o){
  o.value=o.value.toUpperCase();
}</script>
        <asp:Label ID="labelMsg" EnableViewState="False" Runat="server"/><br>
			
           <div class="firsname"> First Name:<font color="#999999" class="percent_blue">*</font>  <asp:TextBox ID="fName" TabIndex="1" Height="20px" Width="150px" runat="server" onblur="u(this)" CssClass="regTextBox" /><asp:RequiredFieldValidator ID="valifName" Runat="server" ControlToValidate="fName" Display="Dynamic" Font-Size="XX-Small" 
		ErrorMessage="* First name required">
		 </asp:RequiredFieldValidator></div>
         
          <div class="lastname"> Last Name:<font color="#999999" class="percent_blue">*</font>  <asp:TextBox ID="lName"  TabIndex="2" Height="20px" Width="150px" runat="server" onblur="u(this)" CssClass="regTextBox"  /><asp:RequiredFieldValidator ID="valilName" Runat="server" ControlToValidate="lName" Display="Dynamic" Font-Size="XX-Small" 
		ErrorMessage="* Last name required">
		 </asp:RequiredFieldValidator>
</div>
                    
         
            <div class="demo">
			
                <asp:FileUpload ID="FileUpload1" runat="server" />
				
				<br />
				<a href="#" id="startUploadLink" onclick="startUploadLink">Start Upload</a>&nbsp; |&nbsp;
				<a href="#" id="clearQueueLink">Clear</a> 

            </div>
            
             <div style="clear:left; padding-top:10px;margin-bottom:15px;"><asp:Button ID="btnUploadSubmit" Text="Submit" OnClick="UploadSubmit" onclientclick="ClientSideClick(this)"  UseSubmitBehavior="False" runat="server" class="green button"  Width="150px"  TabIndex="100"/></div>
                        
                      <asp:Label ID="lblResponse" runat="server" EnableViewState="False"></asp:Label>
          
          
        </form>
</div>
</body>
</html>
<script type = "text/javascript">

	$(document).ready( function() 
	{ 
		$("#<%=FileUpload1.ClientID%>").uploadify({
		'uploader'       : 'scripts/uploadify.swf',
		'script'         : 'UploadVB.ashx',
		'cancelImg'      : 'images/cancel.png',
		'folder'         : '/survey/uploads/uploads',
		'multi'          : true
		});
		
		$("#startUploadLink").click( function()
		{			
			$('#<%=FileUpload1.ClientID%>').uploadifyUpload();
			return false;
		});
		
		$("#clearQueueLink").click( function()
		{
			$("#<%=FileUpload1.ClientID%>").uploadifyClearQueue();							
			return false;			
		}); 

	});

</script>

Open in new window

guru_sami

So want to append the lastname to the filename before it's stored in the filesytem or you are considering when doing the db insert?