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,037

HOME > PHP > PHP Forum > รบกวนช่วยดูทีคับ คือสร้าง upload file มาแต่มันไม่ขึ้นชื่อไฟล์ทีี่เราต้องการอัพ ลองดูจาก css แล้วก็หาไม่เห็นคับ รบกวนช่วยดูทีคับ



 

รบกวนช่วยดูทีคับ คือสร้าง upload file มาแต่มันไม่ขึ้นชื่อไฟล์ทีี่เราต้องการอัพ ลองดูจาก css แล้วก็หาไม่เห็นคับ รบกวนช่วยดูทีคับ

 



Topic : 096257



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



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




Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="bootstrap/FileUpload/bootstrap-fileupload.css" type="text/css" />
    <link href="bootstrap/FileUpload/bootstrap-fileupload.js" type="text/javascript" />
    
	<script  src="http://code.jquery.com/jquery-1.7.min.js" ></script>
	<script  type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" ></script> 
       
		<link href="bootstrap1/js/bootstrap.js" rel="stylesheet">
    	<link href="bootstrap1/js/bootstrap.min.js" rel="stylesheet">
       	<link href="bootstrap1/css/bootstrap.css" rel="stylesheet">
       	<link href="bootstrap1/css/bootstrap.min.css" rel="stylesheet">
       	<link href="bootstrap1/css/bootstrap-responsive.css" rel="stylesheet">
       	<link href="bootstrap1/css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body>
<div class="fileupload fileupload-new" data-provides="fileupload">
  <div class="input-append">
    <div class="uneditable-input span3">
    	<i class="icon-file fileupload-exists"></i> 
        <span class="fileupload-preview"></span>
    </div><span class="btn btn-file">
    	
        <span class="fileupload-new">Select file</span>
        <span class="fileupload-exists">Change</span>
        <input type="file" /></span><a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
  </div>
</div>
</body>
</html>


Code (PHP)
/*!
 * Bootstrap v2.3.1-j6
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat, extended by @ArnoldDaniels.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileupload {
  margin-bottom: 9px;
}
.fileupload .uneditable-input {
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  cursor: text;
}
.fileupload .thumbnail {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  text-align: center;
}
.fileupload .thumbnail > img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
}
.fileupload .btn {
  vertical-align: middle;
}
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
  display: none;
}
.fileupload-inline .fileupload-controls {
  display: inline;
}
.fileupload-new .input-append .btn-file {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.thumbnail-borderless .thumbnail {
  border: none;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.fileupload-new.thumbnail-borderless .thumbnail {
  border: 1px solid #ddd;
}
.control-group.warning .fileupload .uneditable-input {
  color: #a47e3c;
  border-color: #a47e3c;
}
.control-group.warning .fileupload .fileupload-preview {
  color: #a47e3c;
}
.control-group.warning .fileupload .thumbnail {
  border-color: #a47e3c;
}
.control-group.error .fileupload .uneditable-input {
  color: #b94a48;
  border-color: #b94a48;
}
.control-group.error .fileupload .fileupload-preview {
  color: #b94a48;
}
.control-group.error .fileupload .thumbnail {
  border-color: #b94a48;
}
.control-group.success .fileupload .uneditable-input {
  color: #468847;
  border-color: #468847;
}
.control-group.success .fileupload .fileupload-preview {
  color: #468847;
}
.control-group.success .fileupload .thumbnail {
  border-color: #468847;
}


ขอบคุณคับ



Tag : PHP






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-06-07 15:23:42 By : mrronalz View : 1819 Reply : 13
 

 

No. 1



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

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

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

ไม่แน่ใจว่าเป็นสาเหตุมั้ย แต่เห็นก่อนสิ่งอื่น เลยขอให้ลองแก้ดูก่อนครับ

<link href="bootstrap1/js/bootstrap.js" rel="stylesheet">
<link href="bootstrap1/js/bootstrap.min.js" rel="stylesheet">
<link href="bootstrap1/css/bootstrap.css" rel="stylesheet">
<link href="bootstrap1/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap1/css/bootstrap-responsive.css" rel="stylesheet">
<link href="bootstrap1/css/bootstrap-responsive.min.css" rel="stylesheet">

สีแดงคือส่วนที่ต้องตัดออกครับ เพราะว่ามันคือไฟล์เดียวกันกับ .min
.min เนี่ย มันจะเป็นไฟล์ที่ถูกลดขนาดแล้ว ทำให้โหลดเร็วขึ้น
ถ้าคุณตะบี้ตะบันใส่มันซะทุกไฟล์แบบนี้ ผลที่ได้คือการทำงานของระบบอาจจะชนกันและรวนครับ (เหมือนโหลดระบบเดียวกันสองรอบ)


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-07 15:39:24 By : cookiephp
 


 

No. 2



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



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


อ๋อขอบคุณมากคับ ไม่ทราบเลยจริงๆ แต่พอผมตัดออกไปแล้วมันก็เหมือนเดิมน่ะคับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-07 15:43:13 By : mrronalz
 

 

No. 3



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

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

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

อ่อ เพิ่งสังเกตเห็น
ปกติเราไม่ใช้ <link> กับ javascript นะครับ
ลอง เปลียน <link> ที่เป็นไฟล์ .js ให้เป็น
<script src="ชื่อไฟล์" type="text/javascript"></script>
นะครับ

แล้วส่วนของ

<link href="bootstrap/FileUpload/bootstrap-fileupload.css" type="text/css" />
<script src="bootstrap/FileUpload/bootstrap-fileupload.js" type="text/javascript"></script>

ให้ย้ายไปอยู่หลังสุดครับ เพราะอาจจะเกี่ยวกับลำดับการเรียกใช้
เพราะ bootstrap-fileupload.js มันต้องการทั้ง jquery และ bootstrap ดังนั้นควรอยู่หลังสุด
การโหลดเข้ามาก่อนไฟล์ทั้งสอง คงทำให้ error เพราะ ณ ขณะนั้นยังไม่มีทั้ง jquery และ bootstrap เลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-07 15:55:49 By : cookiephp
 


 

No. 4



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

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

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

ผมยังไม่ได้ดูโค้ดอื่นนะครับ เพราะคิดว่าไม่น่าจะผิด ถ้าคุณ copy ตัวอย่างมาครบถ้วน แต่จะผิดก็ตรงการเรียกใช้ไฟล์เหล่านั้นนี่แหละ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-07 15:57:22 By : cookiephp
 


 

No. 5



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



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


ลองมาเหมือนกันคัน คิดว่าจะ้เป็นอย่างนั้นเหมือนกันแต่ก็เหมือนเดิมเลยคับ T^T
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-07 16:06:37 By : mrronalz
 


 

No. 6



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

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

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

ลองดู javascript error console สิครับ ว่ามัน error อะไรหรือเปล่า

ถ้าไม่เคยเปิด error console ในโครมเปิดแบบนี้ครับ
เปิด error console
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-07 16:35:22 By : cookiephp
 


 

No. 7



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

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

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

แล้วเอา error ที่จะขึ้นตรงนี้มาให้ดูหน่อยครับ

จะบอก error ตรงนี้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-07 16:36:46 By : cookiephp
 


 

No. 8



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



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


Uncaught TypeError: Cannot read property 'fn' of undefined คับผม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-07 16:40:08 By : mrronalz
 


 

No. 9



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

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

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

ชัดเจนครับ มีการเรียก script อื่นก่อน jquery ครับ

ขอดูโค้ดเรียก script ของคุณอีกทีครับ ที่บอกว่าแก้แล้วน่ะ


ประวัติการแก้ไข
2013-06-07 16:47:05
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-07 16:46:46 By : cookiephp
 


 

No. 10



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



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


Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    	<script href="bootstrap1/js/bootstrap.min.js" rel="stylesheet"></script>
       	<link href="bootstrap1/css/bootstrap.min.css" rel="stylesheet">
       	<link href="bootstrap1/css/bootstrap-responsive.min.css" rel="stylesheet">

</head>
<body>
<div class="fileupload fileupload-new" data-provides="fileupload">

  <div class="input-append">
    <div class="uneditable-input span3">
    	<i class="icon-file fileupload-exists"></i> 
        <span class="fileupload-preview"></span>
    </div><span class="btn btn-file">
    	
        <span class="fileupload-new">Select file</span>
        <span class="fileupload-exists">Change</span>
        <input type="file" /></span><a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
  </div>
</div>

	<link href="bootstrap/FileUpload/bootstrap-fileupload.css" type="text/css" />
	<script src="bootstrap/FileUpload/bootstrap-fileupload.js" type="text/javascript"></script>
</body>
</html>


นี่คับ ขอโทดที่รบกวนคับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-10 15:42:11 By : mrronalz
 


 

No. 11



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

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

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

นั่นไงครับ

คุณไม่ได้เรียก jquery มาด้วย มีแต่เรียก bootstrap

<script src="http://code.jquery.com/jquery-1.7.min.js" ></script>

ในตอนแรกหายไปไหนล่ะครับ

bootstrap มันเรียกใช้ jquery นะครับ ต้องโหลด jquery ก่อน ถึงจะใช้งานได้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-10 15:54:55 By : cookiephp
 


 

No. 12



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



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


อ๋อ ขอบคุณมากๆคับ ผมมือใหม่จริงๆ :(

อ้อพี่คับ ยังสงสัยอยู่อีกข้อ คือทำไมผมไม่สามารถมองเห็นชื่อไฟล์ที่เราเลือกไปได้ในช่องฟีล แต่ต้องชี้ไปที่ ปุ่มแทนคับ

ไม่ขึ้นชื่อไฟล์


ประวัติการแก้ไข
2013-06-10 16:13:11
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-10 16:12:19 By : mrronalz
 


 

No. 13



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



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


อ้อ ทราบแล้วคับ มันเป็นที่ผมไม่เข้าใจโค๊ดแล้วจัดอันดับไม่ดีเอง
ขอบคุณมากๆคับ

Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    	<script href="bootstrap1/js/bootstrap.min.js" rel="stylesheet"></script>
       	<link href="bootstrap1/css/bootstrap.min.css" rel="stylesheet">
       	<link href="bootstrap1/css/bootstrap-responsive.min.css" rel="stylesheet">
		<link href="bootstrap/FileUpload/bootstrap-fileupload.css" rel="stylesheet" />
</head>
<body>
<div class="fileupload fileupload-new" data-provides="fileupload">

  <div class="input-append">
  		
    <div class="uneditable-input span3"><i class="icon-file fileupload-exists"></i><span class="fileupload-preview"></span></div>
    	
    	<span class="btn btn-file">
    	
        <span class="fileupload-new">Select file</span>
        <span class="fileupload-exists">Change</span>
        <input type="file"></span><a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
  </div>
</div>
	<script src="http://code.jquery.com/jquery-1.7.min.js" ></script>
	<script src="bootstrap/FileUpload/bootstrap-fileupload.js" type="text/javascript"></script>
</body>
</html>


โค๊ดต้องเป็นแบบนี้คับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-06-10 16:42:52 By : mrronalz
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : รบกวนช่วยดูทีคับ คือสร้าง upload file มาแต่มันไม่ขึ้นชื่อไฟล์ทีี่เราต้องการอัพ ลองดูจาก css แล้วก็หาไม่เห็นคับ รบกวนช่วยดูทีคับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 04
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 อัตราราคา คลิกที่นี่