none
FileUpload上傳圖片後顯示於頁面~ RRS feed

  • 問題

  •  

    我原本的圖片顯示方式是
    於db資料表裡放圖片的欄位輸入1.jpg這樣

    1.用GridView加入資料設定後
    2.點選編輯資料行
    3.加入ImageField
    4.於DateImageUrlField裡選取圖片的欄位
    5.於DateImageUrlFormtString裡輸入 ~\資料夾名稱\{0}

    但是老師希望我於後台呈現資料時
    希望在新增一筆新增資料時

    商品編號:xx
    商品名稱:xx
    商品圖片:FileUpload(瀏覽) + Button(上傳)
    商品價格:xx
    在點選新增資料後~連圖片也show在頁面上

    我使用FileUpload確實可以將圖片上傳到要去的路徑~但是圖片show不出來
    請問我這方法對嘛!?還是有其他方法??

    高手指點唷~謝

     

    新增資料按紐的程式vb檔

    還是要把圖片show出來要寫在這呢?


        Protected Sub Button13_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button13.Click

            '如果管理者有在 TextBox1 輸入新類別的名稱
            If TextBox16.Text <> "" Then


                '將新類別名稱指定給 SqlDataSource2 的 Insert 參數
                SqlDataSource2.InsertParameters("Secondflower_No").DefaultValue = TextBox1.Text
                SqlDataSource2.InsertParameters("Secondflower_Name").DefaultValue = TextBox2.Text
                SqlDataSource2.InsertParameters("Secondflower_Price").DefaultValue = TextBox3.Text

                '將新類別寫入主花材類別資料表
                SqlDataSource2.Insert()

                '將 TextBox1 內的文字清空
                TextBox1.Text = ""
                TextBox2.Text = ""
                TextBox3.Text = ""

                '重新繫結以顯示新的類別
                GridView2.DataBind()
            End If
        End Sub

     

    2008年12月15日 下午 01:17

解答

  • 直接用範例說明比較快,參考看看唄~
    http://220.133.43.73/_httpfs/a/4243596.zip

    註:
    範例中並無用到 DB ,只針對你的上傳圖片顯示的問題製作,DB 部分請自行增修。


    2008年12月16日 下午 12:43
  •  這是很基本的 debug 吧.....三秒就定位到錯誤點了..

    給你提示自己找錯誤: Firstflower_Picture 這行

    2008年12月16日 下午 06:21

所有回覆

  • 你有處理使用者在 FileUpload1 所選的檔案嗎?

     

    要用 FileUpload1.SaveAs(".....") 存到 Server 上,之後 client 端才能從 server 端下載該圖片,進而顯示。

    2008年12月16日 上午 06:59
  • 我現在老師是要

    後台管理者新增一筆資料用

    瀏覽上傳方式

    顯示出來~~

    原本我用DB建

    在用GRIDVIEW連結
    2008年12月16日 下午 12:17
  • 直接用範例說明比較快,參考看看唄~
    http://220.133.43.73/_httpfs/a/4243596.zip

    註:
    範例中並無用到 DB ,只針對你的上傳圖片顯示的問題製作,DB 部分請自行增修。


    2008年12月16日 下午 12:43
  • TO嘉諦大大:

     

    我把他改成想要新增資料~呈現在GridView裡

    但是差一步就成功哩~

    以下是程式碼

     

    但是圖片有上傳上去~但是顯示x

    圖片的路徑是http://localhost:1729/WebSite1/image/True

    不知為啥會變True

    好像抓不到~如何讓他正確顯示~謝

     


        Protected Sub Button12_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button12.Click


            '處理上傳的檔案
            If FileUpload1.HasFile() Then
                Dim SaveTo As String = Server.MapPath("~\UpFiles")
                If Not IO.Directory.Exists(SaveTo) Then IO.Directory.CreateDirectory(SaveTo)
                FileUpload1.SaveAs(SaveTo & "\" & FileUpload1.FileName)

                '顯示圖片
                Image1.ImageUrl = "http://" & Request.Url.Authority & VirtualPathUtility.GetDirectory(HttpContext.Current.Request.Path) & "UpFiles\" & FileUpload1.FileName
                GridView1.DataBind()

                '將新類別名稱指定給 SqlDataSource2 的 Insert 參數
                SqlDataSource5.InsertParameters("Firstflower_No").DefaultValue = TextBox12.Text
                SqlDataSource5.InsertParameters("Firstflower_Name").DefaultValue = TextBox13.Text
                SqlDataSource5.InsertParameters("Firstflower_Picture").DefaultValue = FileUpload1.EnableViewState

                SqlDataSource5.InsertParameters("Firstflower_Price").DefaultValue = TextBox15.Text

                '將新類別寫入主花材類別資料表
                SqlDataSource5.Insert()

                '將 TextBox1 內的文字清空
                TextBox12.Text = ""
                TextBox13.Text = ""
                TextBox15.Text = ""

                '重新繫結以顯示新的類別
                GridView1.DataBind()
            End If
        End Sub

    End Class

    2008年12月16日 下午 03:06
  •  這是很基本的 debug 吧.....三秒就定位到錯誤點了..

    給你提示自己找錯誤: Firstflower_Picture 這行

    2008年12月16日 下午 06:21
  •  TO 嘉諦 

    感謝你唷......讓我後台功能完工

    你的程式碼~真是受益無窮@@
    2008年12月17日 下午 01:00