Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > อยากทราบวิธีการแสดง progress bar แบบ % ว่าโหลดไปเท่าไรแล้ว สำหรับ jquery ajax ครับ

อยากทราบวิธีการแสดง progress bar แบบ % ว่าโหลดไปเท่าไรแล้ว สำหรับ jquery ajax ครับ

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

Guest

ผมสร้าง form มา 1 form แล้วก็ได้ใช้วิธีการ submit form ผ่าน jquery ajax แบบนี้ครับ

Code

$.ajax({
  type: "POST",
  url: 'upload.php',
  data: data,
  success: success,
  dataType: dataType
});

ทีนี้ผมอยากทราบว่ามันจะวิธีการทำให้แสดงว่า ฟอร์มที่เรา submit นั้นโหลดไปกี่ % แล้วไหมครับ

ถ้าให้แสดง icon loading เฉยๆอันนี้ทำได้ครับ แต่อยากให้แสดง percent หรือเป็น progress bar ด้วยน่ะครับ

ผมได้หาข้อมูลและลองทำตามที่นี่
Code

http://www.dave-bond.com/blog/2010/01/JQuery-ajax-progress-HMTL5/

แต่ปรากฏว่ามันไม่ได้ผลน่ะครับ ไม่มีอะไรเกิดขึ้นเลย

และพอหาในเว็บ stackoverflow ส่วนใหญ่ก็จะโยงมาเว็บข้างต้นนี้ ทำให้ผมไม่รู้ว่าจะทำยังไงน่ะครับ

ยังไงผมขอคำแนะนำจากทุกๆท่านในนี้ด้วยนะครับ

ขอบคุณมากๆครับ

Tag : PHP, Ajax, jQuery

Date : 2014-05-06 08:42:53

By : LunarSun

View : 2516

Reply : 2

No. 1

TC Admin

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

มันใช้งานจริงได้ยากครับ เพราการคำนวณ % นั้น จะต้องมีการเกิดขึ้นจริง ๆ และคำนวณจากอะไร เพราะถ้าจะให้คำนวณการโหลดเว็บทั้งหมดนั้น ไม่สามารถควบคุมได้ เพราะเว็บมันมีองค์ประกอบหลายส่วนทั้ง HTML / CSS / JavaScript ฉะนั้นปัจจัยต่าง ๆ เหล่านี้เอามาคำนวณค่อนข้างจะยากครับ ที่ทำได้จริง ๆ ก็เพราะ Upload ไฟล์ หรือ Download ไฟล์ เพราะสามารถตรวจสอบขนาดไฟล์ที่เกิดขึ้นจริงได้

Date : 2014-05-06 11:05:28

By : mr.win

No. 2

TC Admin

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

ตัวนี้สำหรับ Upload ครับ ชื่อว่า Uploadify

Uploadify เพิ่มความสามารถในการ Upload ไฟล์ด้วย Library .

https://www.thaicreate.com/community/php-uploadify.html

Date : 2014-05-06 11:08:12

By : mr.win

ค้นหาข้อมูล

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

Re : อยากทราบวิธีการแสดง progress bar แบบ % ว่าโหลดไปเท่าไรแล้ว สำหรับ jquery ajax ครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 02