How to read file to populate image base on values input

Hi Gowtham,

I added the FileUpload1.PostedFile.FileName, but when debugging the code erros in this line:

Also if Fileupload1.PostedFile.Filename is giving the whole path, i won't be need it this:

****string path = ConfigurationManager.AppSettings["ImageBasePath"];

 protected void Button1_Click(object sender, EventArgs e)
        {
            try
            {
                string filePath;

                if (FileUpload1.PostedFile == null)
                {
                    Response.Write("No file Found"); return;
                   
                }
               
                else
                {
                    filePath = FileUpload1.PostedFile.FileName; // file name with path.
                 

                    // Read and Extract Information from the Index.txt File:

                    //string path = ConfigurationManager.AppSettings["ImageBasePath"];


                    var files = Directory.GetFiles(filePath, "index.txt", SearchOption.AllDirectories);

                    // Read and populate textboxes from Index.txt
                    if (files.Length == 0) return;

                    string[] lines = File.ReadAllLines(files[0]);
                    string acctNumbers = txtacctNumber.Value;
                    string chkNumbers = txtchkNumber.Value;
                    string chksAmount = txtchkAmount.Value;
                    string imgDates = txtimgDate.Value;

                    string imagePath = string.Empty;

                    //var lines = File.ReadAllLines(filePath);

                    foreach (var line in lines)
                    {
                        var parts = line.Split('|');
                        if (parts.Length >= 9 &&
                            acctNumbers == parts[0] &&
                            chkNumbers == parts[1] &&
                            chksAmount == parts[2] &&
                            imgDates == parts[5])
                        {
                            imagePath = parts[8];
                            break;
                        }
                    }

                    if (!string.IsNullOrEmpty(imagePath))
                    {
                        Image1.ImageUrl = Path.Combine(filePath, imagePath);
                        Response.Write("Image has been Added");
                    }
                    else
                    {
                        Response.Write("No matching image found.");
                    }
                }
            }
            catch (Exception ex)
            {
                Console.WriteLine("Error: " + ex.Message);
            }
        }
    }

Hello Ivonne Aspilcueta ,

To dynamically populate the file path upon uploading and retrieve the corresponding image based on user input, modify your code to use FileUpload1.PostedFile.FileName for the full path and compare user input values with those extracted from index.txt. If a match is found, construct the full image path and set it to an Image control's ImageUrl property for display.

public partial class Conversion : System.Web.UI.Page
{
    protected void Button1_Click(object sender, EventArgs e)
    {
        try
        {
            if (!FileUpload1.HasFiles)
            {
                Response.Write("No file Selected");
                return;
            }

            string path = ConfigurationManager.AppSettings["ImageBasePath"];
            var files = Directory.GetFiles(path, "index.txt", SearchOption.AllDirectories);
            if (files.Length == 0) return;

            string[] lines = File.ReadAllLines(files[0]);
            string acctNumbers = txtacctNumber.Value;
            string chkNumbers = txtchkNumber.Value;
            string chksAmount = txtchkAmount.Value;
            string imgDates = txtimgDate.Value;

            string imagePath = string.Empty;

            foreach (var line in lines)
            {
                var parts = line.Split('|');
                if (parts.Length >= 9 &&
                    acctNumbers == parts[0] &&
                    chkNumbers == parts[1] &&
                    chksAmount == parts[2] &&
                    imgDates == parts[5])
                {
                    imagePath = parts[8];
                    break;
                }
            }

            if (!string.IsNullOrEmpty(imagePath))
            {
                Image1.ImageUrl = Path.Combine(path, imagePath);
                Response.Write("Image has been Added");
            }
            else
            {
                Response.Write("No matching image found.");
            }
        }
        catch (Exception ex)
        {
            Console.WriteLine("Error: " + ex.Message);
        }
    }
}

Hope it helps!

Dear Ivonne,

Uploading files in ASP.NET works differently than WPF or desktop based application events. You can not hard code file path since its URL based. Everytime you upload a file, the file contnet or extension is captured within the HTTP request packet. Your system then extract the content from HTTP request packet and placed it into publicly accessible folder normally "Content" so, you can later access the file via URL. You have the authority to add additional folder and file name into file path at runtime. There are two ways you can save the uploaded file on the server i.e. either as a file (while storing file path like http://www.mysite.com/contnet/myfile.png to your database) OR as a binary content directly on your database. I recommend you to look into below articles i.e.

1. Upload/Download file to/from web server -> https://bit.ly/2XVaXcb

2. Upload File as File on server -> https://bit.ly/2BySQM9

3. Upload File into Database on server -> https://bit.ly/2AoN6DZ

I hope this helps and clarifies a lot of things.

Thanks & Regards,

Asma Khalid