Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > .NET Framework > Forum > กดเลือกรูปภาพให้โชว์รูปนั้นขึ้นมาใน image control ก่อนที่จะ save ข้อมูล c#

[.NET] กดเลือกรูปภาพให้โชว์รูปนั้นขึ้นมาใน image control ก่อนที่จะ save ข้อมูล c#

เริ่มหัวข้อใหม่

sunney

โพสกระทู้ ( 9 )
บทความ ( 0 )

ตอนนี้ save ข้อมูลลง database ได้ปกติไม่มีปัญหา แต่ผมอยากให้กดเลือกรูปภาพแล้วให้โชว์ใน
image control โชว์รูปที่เลือกขึ้นมาโชว์ ก่อนที่จะกดปุ๋มประกาศขายอ่าครับ รบกวนช่วยหน่อยต้องเขียนโค้ด
ประมานไหนหรือมีวิธีอื่นไหมที่เลือกรูปแล้วโชว์รูปนั้นขึ้นมาเลย รบกวนด้วยนะคับ ขอบคุนล่วงหน้าครับ

นี้โค้ดที่ปุ๋มดูรูปภาพแต่มีปัญหาพอกดปุ๋มดูรูปภาพเสร็จรูปมาโชว์แต่พอจะ save มันให้เลือกรูปอีกรอบ อยากให้เลือกที่เดียวรูปมาโชว์และ
สามารถ save ได้เลยอ่าครับ
Code (C#)

protected void showimage_Click(object sender, EventArgs e)
       {
           string filename = Path.GetFileName(FileUpload1.PostedFile.FileName);
           FileUpload1.SaveAs(Server.MapPath("~/TEST/" + filename));
           Image11.ImageUrl = "~/TEST/" + filename;
          
       }

Tag : .NET, Ms SQL Server 2008, Web (ASP.NET), C#

ประวัติการแก้ไข
2015-10-05 16:35:13
2015-10-05 16:36:52

Date : 2015-10-05 16:31:08

By : aswxsun

View : 1908

Reply : 4

No. 1

Guest

Markup

Code (XML)

<asp:FileUpload ID="FileUpload1" name="FileUpload1" onchange="HookImage(this);" accept=".png,.jpg,.sex" runat="server"/>
<asp:ImageButton ID="imgDisplay" Width="100" Height="100" runat="server"/>
<asp:HiddenField ID="hdfImgDisplay" runat="server" />

Code (JavaScript)

function HookImage(input) {
    if (input.files && input.files[0]) {
        var x = new FileReader();
        x.onload = function (e) {
            $("#<%= imgDisplay.ClientID%>").attr("src", e.target.result);
            //เก็บค่าเอาไว้ใช้งานในภายภาคหน้าอทิเช่น ในกรณี PostBack
            $("#<%= hdfImgDisplay.ClientID%>").val(e.target.result);
        };
        x.readAsDataURL(input.files[0]);
    }
}

Code (C#)

function PageLoad() {
 if (IsPostBack) {
    if (!String.IsNullOrEmpty(hdfImgDisplay.Value)) {
       // TODO
    }
 }
}

Date : 2015-10-06 08:24:04

By : หน้าฮี

No. 2

sunney

โพสกระทู้ ( 9 )
บทความ ( 0 )

ขอบคุณคับเดียวจะลองทำตามดูนะครับ

Date : 2015-10-06 08:49:53

By : aswxsun

No. 3

sunney

โพสกระทู้ ( 9 )
บทความ ( 0 )

ทำได้แล้วขอบคุณมากๆคับผม

Date : 2015-10-06 10:27:10

By : aswxsun

No. 4

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

Date : 2015-10-06 17:41:11

By : mr.win

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : กดเลือกรูปภาพให้โชว์รูปนั้นขึ้นมาใน image control ก่อนที่จะ save ข้อมูล c#

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Load balance : Server 00

Registered : 109,038

document.write("<font color=996600>[.NET]</font>"); [.NET] กดเลือกรูปภาพให้โชว์รูปนั้นขึ้นมาใน image control ก่อนที่จะ save ข้อมูล c#

No. 1

No. 2

No. 3

No. 4

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

[.NET] กดเลือกรูปภาพให้โชว์รูปนั้นขึ้นมาใน image control ก่อนที่จะ save ข้อมูล c#