Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > ขอความช่วยเหลือหน่อยนะค่ะ กดปุ่มล้างข้อมูลเเล้วรูปไม่หายอ่ะค่ะ



 

ขอความช่วยเหลือหน่อยนะค่ะ กดปุ่มล้างข้อมูลเเล้วรูปไม่หายอ่ะค่ะ

 



Topic : 124229



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



สถานะออฟไลน์




Code (PHP)
<script language="JavaScript">
	function showPreview(ele)
	{
			$('#imgAvatar').attr('src', ele.value); // for IE
			if (ele.files && ele.files[0]) {

				var reader = new FileReader();
				
				reader.onload = function (e) {
					$('#imgAvatar').attr('src', e.target.result);
				}

				reader.readAsDataURL(ele.files[0]);
			}
		}
		</script>
<form action="material.php" method="post" id="form" enctype="multipart/form-data">


                        						<div class="col-sm-2">รหัสวัสดุ</div>
                        						<div class="col-sm-3"><input class="form-control" style="width:200px;" id="mat_id" name="mat_id" type="text" readonly="readonly" value="<?=$mat_id?>"></div>
                        						<div class="col-sm-2">ชื่อวัสดุ<font color="red">&nbsp; *</font></div>
                        						<div class="col-sm-5"><input class="form-control" id="mat_name" name="mat_name" style="width:200px;"></div>

                        						<div class="col-sm-2" >สี<font color="red">&nbsp; *</font></div>
                        						<div class="col-sm-3" ><select name="color_id" class="form-control" style="width:200px;">
                        							<?php
                        							$result = mysql_query("SELECT * FROM color ORDER BY color_name") or die(mysql_error());
                        							while ($row = mysql_fetch_array($result)) 
                        							{
                        								?>
                        								<option value="<?php echo $row["color_id"]?>"><?php echo $row["color_name"]?></option>
                        								<?php
                        							}
                        							?>
                        						</select> 
                        					</div>

                        					<div class="col-sm-2" >ยี่ห้อ<font color="red">&nbsp; *</font></div>
                        					<div class="col-sm-5" ><select name="brand_id" class="form-control" style="width:200px;">
                        						<?php
                        						$result = mysql_query("SELECT * FROM brand ORDER BY brand_name") or die(mysql_error());
                        						while ($row = mysql_fetch_array($result)) 
                        						{
                        							?>
                        							<option value="<?php echo $row["brand_id"]?>"><?php echo $row["brand_name"]?></option>
                        							<?php
                        						}
                        						?>
                        					</select>
                        				</div>


                        				<div class="col-sm-2" >ประเภทวัสดุ<font color="red">&nbsp; *</font></div>
                        				<div class="col-sm-3" ><select name="typemat_id" class="form-control" style="width:200px;">
                        					<?php
                        					$result = mysql_query("SELECT * FROM type_material ") or die(mysql_error());
                        					while ($row = mysql_fetch_array($result)) 
                        					{
                        						?>
                        						<option value="<?php echo $row["typemat_id"]?>"><?php echo $row["typemat_name"]?></option>
                        						<?php
                        					}
                        					?>
                        				</select> 
                        			</div>
                        			<div class="col-sm-2" >จุดสั่งซื้อ<font color="red">&nbsp; *</font></div>
                        			<div class="col-sm-5" ><input class="form-control" id="mat_point_order" name="mat_point_order" style="width:200px;" ></div>



                        			<div class="col-sm-2" >จำนวน<font color="red">&nbsp; *</font></div>
                        			<div class="col-sm-3" ><input class="form-control" id="mat_amount" name="mat_amount" style="width:200px;"></div>

                        			<div class="col-sm-2" >หน่วยนับ<font color="red">&nbsp; *</font></div>
                        			<div class="col-sm-5" ><select name="unit_id" class="form-control" style="width:200px;">
                        				<?php
                        				$result = mysql_query("SELECT * FROM unit WHERE typeun_name = 'สินค้า'") or die(mysql_error());
                        				while ($row = mysql_fetch_array($result)) 
                        				{
                        					?>
                        					<option value="<?php echo $row["unit_id"]?>"><?php echo $row["unit_name"]?></option>
                        					<?php
                        				}
                        				?>
                        			</select> 
                        		</div>

                        		<div class="col-sm-2">ราคาต้นทุน (บาท)<font color="red">&nbsp; *</font></div>
                        		<div class="col-sm-10"><input class="form-control" id="costprice" name="costprice" style="width:200px;"></div>

                        		<div class="col-sm-2" >รูปภาพ<font color="red">&nbsp; *</font></div>
                        		<div class="col-sm-10" display:inline>
                        			<input name="mat_pic" id="file_upload"  type="file" size="35"/ OnChange="showPreview(this)">
                        			<!--<div id="upload" class="btn btn-info">   style="display:none" 
                        			เลือกไฟล์
                        		</div>  -->
                        	</div>
                        	<div class="col-sm-2" ></div>
                        	<div class="col-sm-10"> <div id="thumbnail"></div>   </div>

                        	<div class="col-sm-6"><button type="submit" class="btn btn-success " value="submit" name="submit" style= "width: 80px; float: right;">เพิ่มข้อมูล</button></div>
                        	<div class="col-sm-6"><button type="reset" class="btn btn-danger " style="width: 80px; float: left;">ล้างข้อมูล</button></div>

                        </form>


11
พอกดปุ่มล้างข้อมูลเเล้วรูปไม่หายอ่ะคะ
22



Tag : PHP, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-08-11 15:33:43 By : POMP View : 845 Reply : 11
 

 

No. 1



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Facebook

unset(link รูป ด้วยครับ)






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 15:42:48 By : Dragons_first
 


 

No. 2



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : Dragons_first เมื่อวันที่ 2016-08-11 15:42:48
รายละเอียดของการตอบ ::
ขอโทษนะคะ ใส่ยังไงตรงไหนหรอคะ รบกวนหน่อยนะคะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 15:44:58 By : POMP
 

 

No. 3



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ลองใส่โค้ดเพิ่มตามนี้นะครับ

Code (JavaScript)
<script language="JavaScript">
	function showPreview(ele)
	{
			$('#imgAvatar').attr('src', ele.value); // for IE
			if (ele.files && ele.files[0]) {

				var reader = new FileReader();
				
				reader.onload = function (e) {
					$('#imgAvatar').attr('src', e.target.result);
				}

				reader.readAsDataURL(ele.files[0]);
			}
		}

      
		$(document).ready(function() {

			$('.btn.btn-danger').on('click',function() {

				$('#thumbnail').text('');

			});
			
		});
		</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 15:59:09 By : adaaugusta
 


 

No. 4



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 3 เขียนโดย : adaaugusta เมื่อวันที่ 2016-08-11 15:59:09
รายละเอียดของการตอบ ::
ลองใส่แทนที่เดิมแล้วคะ พอกดปุ่มล้างข้อมูลแล้วรูปยังไม่หายคะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 16:10:19 By : POMP
 


 

No. 5



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

งั้นเพิ่มนี้ไปหน่อยครับ




Code (JavaScript)
$(document).ready(function() {

$('.btn.btn-danger').on('click',function() {

$('#thumbnail').text('');
$('#imgAvatar').attr('src', '');

});

});

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 16:14:00 By : adaaugusta
 


 

No. 6



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 5 เขียนโดย : adaaugusta เมื่อวันที่ 2016-08-11 16:14:00
รายละเอียดของการตอบ ::
ฤ
ลองใส่แล้วคะ ได้เหมือนเดิมคะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 16:17:35 By : POMP
 


 

No. 7



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

เอ๊ะ เดี่ยวนะ ผมงงโค้ดที่ให้มา

บรรทัดนี้
$('#imgAvatar').attr('src', e.target.result);


กำหนดว่า แสดง src

แต่ผมไม่เห็น id="imgAvatar" ในโค้ดเลยครับ

แล้วรูปมันไปโผล่ตรงนั้นได้อย่างไร

ขั้นแรก ต้องรู้ก่อนว่า รูปตรงนั้นมี div, class, id อะไรคลุมไว้ถึงจะลบออกได้ถูกต้องครับ

จรงิๆ ตรง thumbnial ต้องเป็นแบบนี้รึเปล่า

<div class="col-sm-10"> <div id="thumbnail"><img id="imgAvatar"></div> </div>

ถ้าใช่ก็ใช้โค้ดที่ผมให้ไปได้เลยครับ

ปล. ด้านบนเหมือนผมบอกผิดไป จริงๆต้องแบบนี้ครับ


Code
<script language="JavaScript">
function showPreview(ele)
{
$('#imgAvatar').attr('src', ele.value); // for IE
if (ele.files && ele.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {
$('#imgAvatar').attr('src', e.target.result);
}

reader.readAsDataURL(ele.files[0]);
}
}


$(document).ready(function() {

$('.btn.btn-danger').on('click',function() {

$('#thumbnail').text('');
$('#imgAvatar').attr('src', '');

});

});



</script>



ประวัติการแก้ไข
2016-08-11 16:30:02
2016-08-11 16:31:36
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 16:24:01 By : adaaugusta
 


 

No. 8



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 7 เขียนโดย : adaaugusta เมื่อวันที่ 2016-08-11 16:24:01
รายละเอียดของการตอบ ::
รูปมาจากตอนเราเลือกไฟล์คะ คือแค่โชว์เฉยๆๆ
เหมือนกับว่าตอนเราจะinsert ข้อมูลเราก็ทำการกรอกข้อมูลแล้วเลือกไฟล์รูป รูปที่เราเลือกก็จะมาโชว์คะ แล้วถ้าข้อมูลที่เรากรอกหรือรูปที่เราเลือกเราไม่ต้องการและเราก็กดปุ่มล้างข้อมูล ข้อมูลและรูปต่างๆก็จะต้องหายไปคะ แต่ที่นี่คือ ข้อมูลชื่อรูปหายคะแต่รูปที่แสดงมันไม่หายคะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 16:32:31 By : POMP
 


 

No. 9



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ตอบความคิดเห็นที่ : 8 เขียนโดย : POMP เมื่อวันที่ 2016-08-11 16:32:31
รายละเอียดของการตอบ ::
ครับอันนี้เข้าใจ การเพิ่มรูป มันมาจาก jQuery ครับ รูปมันยังไม่ถูกอัพขึ้นไป แค่เอามาแสดงให้ User เห็นเฉยๆ

เพราะฉนั้น ตอนลบ ต้อง ใช้ jQuery ลบออก จากโค้ดที่ให้มา

มีการใช้ $('#imgAvatar').attr('src', e.target.result);

แต่ในโค้ดผมไม่เจอ id="imgAvatar" เลยงงว่ารูปไปแสดงตรงนั้นได้อย่างไร


ลองทำตามที่ผมบอกไป Rep ก่อนหน้านี้นะครับ

ให้แก้จาก
<div class="col-sm-10"> <div id="thumbnail"></div>

เป็น
<div class="col-sm-10"> <div id="thumbnail"><img id="imgAvatar"></div> </div>


แล้วก็ใช้

Code
<script language="JavaScript">
function showPreview(ele)
{
$('#imgAvatar').attr('src', ele.value); // for IE
if (ele.files && ele.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {
$('#imgAvatar').attr('src', e.target.result);
}

reader.readAsDataURL(ele.files[0]);
}
}


$(document).ready(function() {

$('.btn.btn-danger').on('click',function() {

$('#thumbnail').text('');
$('#imgAvatar').attr('src', '');

});

});



</script>


ดูนะครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 16:37:06 By : adaaugusta
 


 

No. 10



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 9 เขียนโดย : adaaugusta เมื่อวันที่ 2016-08-11 16:37:06
รายละเอียดของการตอบ ::
ขอบคุณมากๆเลยนะค่ะ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 16:51:10 By : POMP
 


 

No. 11



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

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ตอบความคิดเห็นที่ : 10 เขียนโดย : POMP เมื่อวันที่ 2016-08-11 16:51:10
รายละเอียดของการตอบ ::
ได้แล้ว?

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-08-11 16:52:00 By : adaaugusta
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ขอความช่วยเหลือหน่อยนะค่ะ กดปุ่มล้างข้อมูลเเล้วรูปไม่หายอ่ะค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่