Bind selected image from file upload to datalist

Question

5.00/5 (2 votes)

See more:

Hi every one
I am trying that when user click image button which is out side datalist , i want to display selected image in a data list which is stored in a folder(solution explorer)
please Help me
Thanx in Advances

my code

XML

<asp:DataList ID="dlBrands" runat="server" onitemcommand="dlBrands_ItemCommand">
    <ItemTemplate>
        <asp:Image ID="imgBrandImages" runat="server" Height="100px" Width="200px" ImageUrl='<%#Bind("Name","~//UploadedFiles/{0}") %>' />
    </ItemTemplate>
</asp:DataList>

my image button

VB

<asp:ImageButton ID="imgbtnView" runat="server" ImageUrl="images/add.png"
        onclick="imgbtnView_Click"/>

code behind

C#

string filename = Path.GetFileName(upBrandImages.PostedFile.FileName);
    if (filename !="")
    {
        upBrandImages.SaveAs(Server.MapPath("~//UploadedFiles//" + filename));
        BindDataList();
    }
    else
    {
      Response.Write("Please Select Image");

    }

file upload

ASP.NET

<asp:FileUpload ID="upBrandImages" runat="server" />

Posted 9-Mar-13 23:08pm

sarvanik

Updated 10-Mar-13 0:18am

Mohamed Mitwalli

v4

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

sarvanik · Answer 1 · 2013-03-10T00:18:00

Solution 2

thanx pallavi

But it is displaying all the images in the folder
i want to display the selected one only
help me

Posted 10-Mar-13 0:18am

sarvanik

Comments

Mohamed Mitwalli 10-Mar-13 6:20am

This is not an answer if you want to add Comment or Question Go for Have a Question or Comment?

sarvanik 10-Mar-13 6:23am

thanx pallavi

But it is displaying all the images in the folder
i want to display the selected one only
help me

Pallavi Waikar · Answer 2 · 2013-03-10T00:05:00

Solution 1

Retrieve images name using System.IO and bind that collection object to datalist .
go through following link.
http://www.aspdotnet-suresh.com/2011/05/how-to-bind-images-from-folder-to.html[^]

Posted 10-Mar-13 0:05am

Pallavi Waikar

Comments

sarvanik 10-Mar-13 6:24am

thanx pallavi

But it is displaying all the images in the folder
i want to display the selected one only
help me

Pallavi Waikar 10-Mar-13 6:50am

sorry for late reply i am bessy in other task..u have to mix this article with this article http://www.aspdotnet-suresh.com/2011/12/jquery-lightbox-image-slideshow-gallary.html...means use code for load images of first article...and append in second article to disply images...hope u can manage it..he has giving anchor tag to images

Pallavi Waikar 10-Mar-13 7:20am

if u want to show only one image then why r using datalist ....
u can simply add one image control and after saving that image only set ImageUrl of image control i.e upBrandImages.SaveAs(Server.MapPath("~//UploadedFiles//" + filename)); Image2.ImageUrl="~//UploadedFiles//" + filename;

sarvanik 10-Mar-13 7:31am

thanx pallavi
but when we take image control,if i select one image and later another one i have to display these two images ,it is not possible in image control then how to get it help me

Pallavi Waikar 10-Mar-13 7:37am

ok then use both image control and datalist...newly added image automaticaly displayed in imge box...and all other images will displayed by binding datalist to folder simpal i.e
upBrandImages.SaveAs(Server.MapPath("~//UploadedFiles//" + filename));Image2.ImageUrl="~//UploadedFiles//" + filename;
BindDataList();

sarvanik 10-Mar-13 8:15am

its working
thanx pallavi
but senario is when we add two images we have to display them in datalist and not to display previous images only newly added ones must be display
help me

Pallavi Waikar 10-Mar-13 8:35am

it is simpal after saving that file u have to show in image control...as given in above code before binding to datalist ....give that file name as imageurl for image.. upBrandImages.SaveAs(Server.MapPath("~//UploadedFiles//" + filename));Image2.ImageUrl="~//UploadedFiles//" + filename; BindDataList();

sarvanik 10-Mar-13 9:28am

thanx for ur response
you didnt get the point if we add two images(1,2) and display it and adding them to database ,after that we have to add other two images(3,4) then we have to display 3,4 images in datalist and not to display 1,2,3,4 images only newly added ones(3,4) must be display
help me

Pallavi Waikar 10-Mar-13 10:37am

then add two hiddenfield on page after saving image swap values ..then add in arraylist ...and bind that arraylist to datalist...for exampal...try it as demo..change as ur requirement
fileuploadimages.SaveAs(Server.MapPath("~//UploadedFiles//" + filename));
if (HiddenField1.Value != "")
HiddenField2.Value = HiddenField1.Value;
HiddenField1.Value = "UploadedFiles/" + filename;

ArrayList ImageName = new ArrayList();
FileInfo info = new FileInfo(Server.MapPath(HiddenField1.Value));
ImageName.Add(info);
if (HiddenField2.Value != "")
{
FileInfo info2 = new FileInfo(Server.MapPath(HiddenField2.Value));
ImageName.Add(info2);
}
Image2.ImageUrl="~//UploadedFiles//" + filename;
DataList1.DataSource = ImageName;
DataList1.DataBind();

sarvanik 10-Mar-13 13:43pm

thanks alot pallavi its working

sarvanik 10-Mar-13 13:48pm

fileupload.PostedFile.FileName= gvBrands.DataKeys[RowIndex]["ImageName"].ToString();
its not working while editing and gives
Error 1 Property or indexer 'System.Web.HttpPostedFile.FileName' cannot be assigned to -- it is read only

helpme
thanx in advance

Pallavi Waikar 11-Mar-13 0:25am

firstly it is another question...don't post in comment..and in fileupload.PostedFile.FileName .. filename is read only property of fileuploader...we cant change it run time...

sarvanik 11-Mar-13 2:54am

thanx pallavi

sarvanik 11-Mar-13 5:25am

hi initially what value shoud i take in hidden fields?