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 > สอบถามวิธีรับค่ารูปภาพจาก dynamic row บน modal โดยใช้ ajax



 

สอบถามวิธีรับค่ารูปภาพจาก dynamic row บน modal โดยใช้ ajax

 



Topic : 137010



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



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




สอบถามวิธีรับค่ารูปภาพจาก dynamic row บน modal โดยใช้ ajax ลองแล้วมันส่งค่ามาแค่ input type="text"

mmm

modal form(PHP)
<div class="modal fade" id="insert_emp" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-success text-white">
                <h1 class="modal-title fs-5" id="exampleModalLabel">เพิ่มข้อมูลผู้เข้าปฏิบัติงาน</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form method="POST" id="insert" action="login_nexttime.php" enctype="multipart/form-data" accept-charset="utf-8">
                <input type="hidden"  name="function" value="insert_emp">
                    <table border='0' style="width:100%;" id='modal_table'>
                        <tr>
                            <td style="width: 2%;vertical-align:middle;">
                                <div class="form-row">
                                    <!-- ยี่ห้อ -->
                                    <div class="form-group col-md-12"><b>1.</b></div>
                                </div>
                            </td>
                            <td style="width: 15%;vertical-align:middle;">
                                <div class="form-row">
                                    <!-- ยี่ห้อ -->
                                    <div class="form-group col-md-12">
                                        <select class="form-select" aria-label="Default select example" id="title2"
                                            name="title2[1]">
                                            <option value="" selected>เลือกคำนำหน้าชื่อ</option>
                                            <option value="นาย">นาย</option>
                                            <option value="นาง">นาง</option>
                                            <option value="นางสาว">นางสาว</option>
                                        </select>
                                    </div>
                                </div>
                            </td>
                            <td style="width: 50%;vertical-align:middle;">
                                <div class="form-row">
                                    <!-- ทะเบียนรถ -->
                                    <div class="form-group col-md-12">
                                        <input class="form-control" type="text" style="width: 100%;"
                                            placeholder="ชื่อ-นามสกุล" id="username2" name="username2[]" >
                                    </div>
                                </div>
                            </td>
                            <td style="width: 25%;vertical-align:middle;">
                                <div class="form-row">
                                    <!-- ทะเบียนรถ -->
                                    <div class="form-group col-md-12">
                                        <input type="file" name="idcard_image2[]" class="form-control" accept=".jpg,.png"
                                            id="idcard_image2" >
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                        <button class="btn btn-sms btn-success" type='button' onclick='CreateRowTabel()'><i
                                class="bi bi-person-plus-fill"></i> เพิ่มผู้ปฏิบัติงาน</button>
                        <button type="submit" class="btn btn-primary">บันทึก</button>
                </form>
            </div>
        </div>
    </div>
</div>


Code (JavaScript)
//เพิ่มแถว
  var count = 0;
  function CreateRowTabel() {
  var rowCount = $("#modal_table tr").length; //นับแถว
  var no = rowCount + 1; //นำแถวที่ได้+1
  count = count + 1;
  let tableRef = document.getElementById("modal_table");
  let row = tableRef.insertRow(-1);
  var cell1 = row.insertCell(0); //td 1
  var cell2 = row.insertCell(1); //td 2
  var cell3 = row.insertCell(2); //td 2
  var cell4 = row.insertCell(3); //td 2

  cell1.innerHTML =
    '<div class="form-row" ><div class="form-group col-md-12" ><b>' + no + ".</b></div></div>";

  cell2.innerHTML =
    '<div class="form-row"><div class="form-group col-md-12"><select class="form-select" name="title2[]" required style="width: 100%;"><option selected>เลือกคำนำหน้าชื่อ</option><option value="นาย">นาย</option><option value="นาง">นาง</option><option value="นางสาว">นางสาว</option></select></div></div>';

  cell3.innerHTML =
    '<div class="form-row"><div class="form-group col-md-12"><input class="form-control" type="text" placeholder="ชื่อ-นามสกุล" name="username2[]" style="width: 100%;" required></div></div>';

  cell4.innerHTML =
    '<div class="form-row"><div class="form-group col-md-12"><input type="file" name="idcard_image2[]" class="form-control" id="inputGroupFile01" ></div></div>';
};

//รับค่าจาก modal
$('#insert').submit(function(e){
  e.preventDefault();
  var form_data = $(this).serialize();

  $.ajax({
    url:"test.php",
    method:"POST",
    data:form_data,

    success:function(data) {
    console.log(data)
    }
   });
          });




Tag : PHP, JavaScript, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2023-05-05 09:15:59 By : benlovehi5 View : 459 Reply : 1
 

 

No. 1



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



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


ได้แล้วครับ
Code (JavaScript)
$('#insert').submit(function(e){
  e.preventDefault();
  //var form_data = $(this).serialize();
  var valid = false;
		$("input[type='file']").each(function() {
			if ($(this).val() != '') {
				valid = true;
			}
		});
    var formData = new FormData($("#insert")[0])
  $.ajax({
    url:"test.php",
    method:"POST",
    data:formData,
    contentType: false,
		cache: false,
		processData: false,
    success:function(data) {

      console.log(data)
    }
   });
          });







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2023-05-05 10:52:45 By : benlovehi5
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามวิธีรับค่ารูปภาพจาก dynamic row บน modal โดยใช้ ajax
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 02
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 อัตราราคา คลิกที่นี่