Jamies
I think first
1) take *hyperlink* control then set *image url* path then
Suppose all my images are in images folder
* imageurl* = ~/Images/15.jpg
copy and paste this in src then delete *hyperlink* control.
What do you think about my way of doing this.
On 3/17/10, Jamie Fraser <[email protected]> wrote:
>
> Is your page located in the root directory of your web app? Because
> the following line:
>
> <img id="DataList1_ctl00_Image1"
> src="App_Data/Images/Fotolia_4181499_XS.jpg" style="border-width:0px;"
> />
>
> Looks for a folder /App_Data/ within the current folder. If you are
> located at a lower level, the image won't be found.
>
> Also can you access the uploaded files by typing the whole url into
> your browser, i.e. what happens when you type
>
> http://localhost/mysite/App_Data/Images/Fotolia_4181499_XS.jpg
>
> into your browsers address bar? (obviously using the correct server
> and site name)
>
>
> On Tue, Mar 16, 2010 at 1:51 PM, Alen Alexander <[email protected]>
> wrote:
> >
> > OK the code is as follows:
> > <table id="DataList1" cellspacing="0" border="0"
> style="border-color:#CC66FF;border-style:Groove;border-collapse:collapse;">
> > <tr>
> > <td>
> > picurl:
> > <img id="DataList1_ctl00_Image1"
> src="App_Data/Images/Fotolia_4181499_XS.jpg" style="border-width:0px;" />
> > <br />
> > uploadedby:
> > <span id="DataList1_ctl00_uploadedbyLabel">Alen</span>
> > <br />
> > <br />
> > </td><td>
> > picurl:
> > <img id="DataList1_ctl04_Image1" src="App_Data/Images/04.jpg"
> style="border-width:0px;" />
> > <br />
> > uploadedby:
> > <span id="DataList1_ctl04_uploadedbyLabel">Alex</span>
> > <br />
> > <br />
> > </td>
> > </tr><tr>
> > <td>
> > picurl:
> > <img id="DataList1_ctl01_Image1" src="App_Data/Images/06.jpg"
> style="border-width:0px;" />
> > <br />
> > uploadedby:
> > <span id="DataList1_ctl01_uploadedbyLabel">Raun</span>
> > <br />
> > <br />
> > </td><td>
> > picurl:
> > <img id="DataList1_ctl05_Image1"
> src="App_Data/Images/business_people_presentation.jpg"
> style="border-width:0px;" />
> > <br />
> > uploadedby:
> > <span id="DataList1_ctl05_uploadedbyLabel">Ajoe</span>
> > <br />
> > <br />
> > </td>
> > </tr><tr>
> > <td>
> > picurl:
> > <img id="DataList1_ctl02_Image1" src="App_Data/Images/CMSTEAM.jpg"
> style="border-width:0px;" />
> > <br />
> > uploadedby:
> > <span id="DataList1_ctl02_uploadedbyLabel">master</span>
> > <br />
> > <br />
> > </td><td>
> > picurl:
> > <img id="DataList1_ctl06_Image1"
> src="App_Data/Images/business_people_presentation.jpg"
> style="border-width:0px;" />
> > <br />
> > uploadedby:
> > <span id="DataList1_ctl06_uploadedbyLabel">Ajoe</span>
> > <br />
> > <br />
> > </td>
> > </tr><tr>
> > <td>
> > picurl:
> > <img id="DataList1_ctl03_Image1" src="App_Data/Images/04.jpg"
> style="border-width:0px;" />
> > <br />
> > uploadedby:
> > <span id="DataList1_ctl03_uploadedbyLabel">Joe</span>
> > <br />
> > <br />
> > </td><td>
> > picurl:
> > <img id="DataList1_ctl07_Image1" src="App_Data/Images/cms.jpg"
> style="border-width:0px;" />
> > <br />
> > uploadedby:
> > <span id="DataList1_ctl07_uploadedbyLabel">Alen</span>
> > <br />
> > <br />
> > </td>
> > </tr>
> > </table>
> > On Tue, Mar 16, 2010 at 2:40 PM, Jamie Fraser <[email protected]>
> wrote:
> >>
> >> Hmm...
> >>
> >> 1) Fire up your web browser
> >> 2) Navigate to the relevant page
> >> 3) Move the mouse over the page
> >> 4) Right Click
> >> 5) Choose "View Source"
> >> 6) In notepad, find the relevant <img src="..." /> tag
> >> 7) Copy and paste it here
> >>
> >> :o)
> >>
> >>
> >>
> >> On Mon, Mar 15, 2010 at 10:16 AM, Alen Alexander <[email protected]>
> wrote:
> >>>
> >>> Sorry Jamie!! i am not getting what you are asking.. I gave u the code
> of Image tag.
> >>>
> >>> On Mon, Mar 15, 2010 at 3:13 PM, Jamie Fraser <[email protected]>
> wrote:
> >>>>
> >>>> Sorry - I'll try and be really clear:
> >>>>
> >>>> On the rendered page (in your Web Browser) what is the rendered HTML
> markup for the <img> tag?
> >>>>
> >>>> On Mon, Mar 15, 2010 at 9:00 AM, Alen Alexander <[email protected]>
> wrote:
> >>>>>
> >>>>> The Source code is as follows:
> >>>>> <ItemTemplate>
> >>>>> picurl:<asp:Image ID="Image1" runat="server"
> ImageUrl='<%# Eval("picurl","~/App_Data/Images/{0}") %>' />
> >>>>> <br />
> >>>>> uploadedby:
> >>>>> <asp:Label ID="uploadedbyLabel" runat="server"
> >>>>> Text='<%# Eval("uploadedby") %>' />
> >>>>> <br />
> >>>>> <br />
> >>>>> </ItemTemplate>
> >>>>> Each image shows the name of person whoo uploaded the image
> correctly. But image is not being displayed.
> >>>>> On Mon, Mar 15, 2010 at 2:25 PM, Jamie Fraser <
> [email protected]> wrote:
> >>>>>>
> >>>>>> Sorry, I meant if you view source, what is the actual <img> tag?
> >>>>>>
> >>>>>> On Fri, Mar 12, 2010 at 5:57 PM, Alen Alexander <
> [email protected]> wrote:
> >>>>>>>
> >>>>>>> it shows the default image (the small icon of image )
> >>>>>>>
> >>>>>>> On Fri, Mar 12, 2010 at 8:10 PM, Jamie Fraser <
> [email protected]> wrote:
> >>>>>>>>
> >>>>>>>> When the page is renedered, what does the <img> tag actually show?
> >>>>>>>>
> >>>>>>>> On Fri, Mar 12, 2010 at 12:10 PM, Alen Alexander <
> [email protected]> wrote:
> >>>>>>>>>
> >>>>>>>>> Thanks for your response!!
> >>>>>>>>> The Images are stored in a folder named "Images" which is inside
> App_Data.
> >>>>>>>>> The code for DataList with the SQLDatasource is as follows:
> >>>>>>>>> The changes I made has been highlighted.
> >>>>>>>>>
> >>>>>>>>>
> >>>>>>>>> <asp:SqlDataSource ID="SqlDataSource1" runat="server"
> >>>>>>>>> ConnectionString="<%$
> ConnectionStrings:DatabaseConnectionString %>"
> >>>>>>>>> DeleteCommand="DELETE FROM [gallery] WHERE [pid] =
> @pid"
> >>>>>>>>> InsertCommand="INSERT INTO [gallery] ([picurl],
> [uploadedby]) VALUES (@picurl, @uploadedby)"
> >>>>>>>>> SelectCommand="SELECT [pid], [picurl], [uploadedby]
> FROM [gallery]"
> >>>>>>>>>
> >>>>>>>>> UpdateCommand="UPDATE [gallery] SET [picurl] =
> @picurl, [uploadedby] = @uploadedby WHERE [pid] = @pid">
> >>>>>>>>> <DeleteParameters>
> >>>>>>>>> <asp:Parameter Name="pid" Type="Int32" />
> >>>>>>>>> </DeleteParameters>
> >>>>>>>>> <UpdateParameters>
> >>>>>>>>> <asp:Parameter Name="picurl" Type="String" />
> >>>>>>>>> <asp:Parameter Name="uploadedby" Type="String" />
> >>>>>>>>> <asp:Parameter Name="pid" Type="Int32" />
> >>>>>>>>> </UpdateParameters>
> >>>>>>>>> <InsertParameters>
> >>>>>>>>> <asp:ControlParameter Name="picurl" Type="String"
> ControlID="FileUpload1" PropertyName="FileName" />
> >>>>>>>>> <asp:ControlParameter Name="uploadedby"
> Type="String" ControlID="TextBox1" PropertyName="text" />
> >>>>>>>>> </InsertParameters>
> >>>>>>>>> </asp:SqlDataSource>
> >>>>>>>>> <br />
> >>>>>>>>> <br />
> >>>>>>>>> <br />
> >>>>>>>>> <br />
> >>>>>>>>> <asp:DataList ID="DataList1" runat="server"
> DataSourceID="SqlDataSource2">
> >>>>>>>>> <ItemTemplate>
> >>>>>>>>> picurl:<asp:Image ID="Image1" runat="server"
> ImageUrl='<%# Eval("picurl","~/App_Data/Images/{0}") %>' />
> >>>>>>>>> <br />
> >>>>>>>>> uploadedby:
> >>>>>>>>> <asp:Label ID="uploadedbyLabel" runat="server"
> >>>>>>>>> Text='<%# Eval("uploadedby") %>' />
> >>>>>>>>> <br />
> >>>>>>>>> <br />
> >>>>>>>>> </ItemTemplate>
> >>>>>>>>> </asp:DataList>
> >>>>>>>>> Thanks.
> >>>>>>>>>
> >>>>>>>>>
> >>>>>>>>>
> >>>>>>>>>
> >>>>>>>>> On Fri, Mar 12, 2010 at 2:43 PM, Jamie Fraser <
> [email protected]> wrote:
> >>>>>>>>>>
> >>>>>>>>>> If the images are getting saved correctly, then you probably
> don't need to post the code that saves the images!
> >>>>>>>>>>
> >>>>>>>>>> Could you post the markup and any codebehind for your DataList?
> >>>>>>>>>>
> >>>>>>>>>> On Thu, Mar 11, 2010 at 12:14 PM, Alen Alexander <
> [email protected]> wrote:
> >>>>>>>>>>>
> >>>>>>>>>>> Frnds,
> >>>>>>>>>>> I am trying to create a photo gallery website.
> >>>>>>>>>>> In the web page i hav a DataList control which has Image
> control to display existing images from database.
> >>>>>>>>>>> The problem is that images are not displayed.
> >>>>>>>>>>> The Code is as follows:
> >>>>>>>>>>> protected void Button1_Click(object sender, EventArgs e)
> >>>>>>>>>>> {
> >>>>>>>>>>> string imagefolder = "App_Data\\Images";
> >>>>>>>>>>> string savepath;
> >>>>>>>>>>> string savefile;
> >>>>>>>>>>> if (FileUpload1.HasFile)
> >>>>>>>>>>> {
> >>>>>>>>>>> savepath =
> Path.Combine(Request.PhysicalApplicationPath, imagefolder);
> >>>>>>>>>>> savefile = Path.Combine(savepath,
> FileUpload1.FileName);
> >>>>>>>>>>> FileUpload1.SaveAs(savefile);
> >>>>>>>>>>> SqlDataSource1.Insert();
> >>>>>>>>>>> //DataList1.DataBind();
> >>>>>>>>>>> Label2.Text = "Successfully uploaded";
> >>>>>>>>>>> }
> >>>>>>>>>>> }
> >>>>>>>>>>> The images are getting saved into the destined folder but not
> displaying in DataList.
> >>>>>>>>>>> Can anyone help me out?
> >>>>>>>>>>> Thanks a lot.
> >>>>>>>>>>> --
> >>>>>>>>>>> Alen
> >>>>>>>>>>>
> >>>>>>>>>>> Just remember, there's a right way and a wrong way to do
> everything,
> >>>>>>>>>>> And the wrong way is to keep trying to make everybody else do
> it the right way.
> >>>>>>>>>>
> >>>>>>>>>
> >>>>>>>>>
> >>>>>>>>>
> >>>>>>>>> --
> >>>>>>>>> Alen
> >>>>>>>>>
> >>>>>>>>> Just remember, there's a right way and a wrong way to do
> everything,
> >>>>>>>>> And the wrong way is to keep trying to make everybody else do it
> the right way.
> >>>>>>>>
> >>>>>>>
> >>>>>>>
> >>>>>>>
> >>>>>>> --
> >>>>>>> Alen
> >>>>>>>
> >>>>>>> Just remember, there's a right way and a wrong way to do
> everything,
> >>>>>>> And the wrong way is to keep trying to make everybody else do it
> the right way.
> >>>>>>
> >>>>>
> >>>>>
> >>>>>
> >>>>> --
> >>>>> Alen
> >>>>>
> >>>>> Just remember, there's a right way and a wrong way to do everything,
> >>>>> And the wrong way is to keep trying to make everybody else do it the
> right way.
> >>>>
> >>>
> >>>
> >>>
> >>> --
> >>> Alen
> >>>
> >>> Just remember, there's a right way and a wrong way to do everything,
> >>> And the wrong way is to keep trying to make everybody else do it the
> right way.
> >>
> >
> >
> >
> > --
> > Alen
> >
> > Some people have hundreds of reason why they cannot do what they want to,
> > when all they need is one reason why they can!!!!
>
To unsubscribe from this group, send email to
dotnetdevelopment+unsubscribegooglegroups.com or reply to this email with the
words "REMOVE ME" as the subject.