การปรับเปลี่ยนข้อมูลของ object โดยใช้ javascript


Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
Ittichai_chupol
PHP VIP Members
PHP VIP Members
Posts: 3176
Joined: 19/09/2018 10:33 am

การปรับเปลี่ยนข้อมูลของ object โดยใช้ javascript

Post by Ittichai_chupol » 20/11/2019 3:34 pm

การที่จะทำให้เว็บไซต์มีความสวยงานและเป็นที่น่าสนใจสำหรับการเข้ามาใช้งานนั้น จะต้องขึ้นอยู่กับความเหมาะสมกับการทำงานของเว็บไซค์นั้นว่าเป็นเว็บไซต์เกี่ยวกับอะไร และผู้ใช้งานเป็กลุ่มแบบนั้น เพื่อจะได้ตอบสนองต่อกลุ่มผู้ใช้งานได้ถูกต้อง และเพื่อที่ผู้พัฒนาจะได้วางโครงสร้างของเว็บไซต์หรือระบบได้อย่างถูกต้อง โดยการพัฒนาเว็บไซต์หรือระบบนั้นสิ่งที่จำเป้นเลยก็คือความรู้และทักษะในการใช้งานภาษาคอมพิวเตอร์ต่างๆที่จะมาร่วมกันทำงานเพื่อให้เว็บไซต์ที่พัฒนาขึ้นมาตอบสนองความต้องการของผู้ใช้งานได้อย่างมีประสิทธิภาพ

โดยภาษาคอมพิวเตอร์ที่จะใช้งานในการพัฒนาเว็บไซต์ นั้นมีอยูู่มากมาย แต่ที่นิยมกันมาเลยก็จะมีอยู่นั้นก็คือ อย่างเช่น ถ้าหากต้องการจะทำให้มีการแสดงผลให้ผู้ใช้งานได้เห็นจะใช ภาษา html หรือถ้าหากต้องการจะปรับรูปแบบเพิ่มทสีสัน หรือตกแต่งสิ่งต่างๆบนหน้าเว็บไซต์มีความสวยงาม ดูดี ร่วมทั้งสามารถทีจะนำไปเเสดงยั่งอุปกรณ์ต่างๆ ที่มีจอแสดงต่างขนาดก็จะใช ภาษา css ช่วย และหากเป็นการจัดการข้อมูลนั้นหรือระบบการงานเบื่องหลังนันก็จะมีภาษาคอมพิวให้เลือกมากมาย ทั้ง php python และอีกหลายๆ
และถ้าหากต้องการที่จะสร้างลูกเล่น เพื่อเพิ่มความสนใจและอำนวยความความสะดวกกับผู้ใช้งานนั้น นั้นก็จะใช้ javascript jquery มาใช้ในการพัฒนา

ซึ่งทั้งนี้ใน javascript นั้นสามารถที่จะจำลองข้อมูลขึ้นมาแล้วปรับเปลี่ยนค่า เพื่อนำไปแทนข้อมูลเดินที่มีได้ เช่นตัวอย่างนี้คือการที่จะจำลองข้อมูลไฟล์รูปภาพขึ้นมา แล้วทการปรับเปลี่ยนค่าชื่อ ของรูปภาพ จากนั้นก็นำไปแทนค่าข้อมูลของรูปภาพเดิม

ตัวอย่างโคด : โคดนี้เป็นโคดรตที่จะทำการอัพโหลดรูปเพื่อนำไปใช้งานในเว็บบร์ด phpbb

Code: Select all

  
  
               uploadImages = function () {
                $.each(images, function (_, image) { //รับค่า image มาจากฟังชั่นที่ส่งเข้ามา
                    var blob = this.slice(0, this.size, this.type); 
                    var newFile = new File([blob], 'test.png', {type: this.type}); //สร้างชื่อขึ้นมาใหม่ เพื่อจะนำไปใช้งานใน ฟังชั่นถัดไป
                    phpbb.plupload.uploader.addFile(newFile);  //นำข้อมูลชุดใหม่นี้ไปใช้งาน
                });

ตัวอย่าง การทดสอบผล

Code: Select all


   uploadImages = function () {
                $.each(images, function (_, image) { //รับค่า image มาจากฟังชั่นที่ส่งเข้ามา
                     console.log('image : ');
                    console.log(image);
                    console.log('newFile : ');
                    var blob = this.slice(0, this.size, this.type);
                    var newFile = new File([blob], 'test.png', {type: this.type});
                    name_count++;
                    console.log(newFile);
      });
การปรับเปลี่ยนข้อมูลของ object โดยใช้ javascript Selection_999(2212).png
Selection_999(2212).png (62.58 KiB) Viewed 39 times

Return to “Jquery & Ajax Knowledge”

Users browsing this forum: No registered users and 3 guests