Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ajax ส่งค่า แบบมี อัพโหลดไฟล์ ต้องทำยังไงหรอครับ

ajax ส่งค่า แบบมี อัพโหลดไฟล์ ต้องทำยังไงหรอครับ

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

News

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

ปกติ ผมเขียนแบบนี้ครับ

Code (PHP)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <?php include "include/temp.php" ?>
    <script>
    				function add(){
    					$.post("ab.php", {
    						add: $("#add").val(),
                name: $("#name").val(),
    						filUpload: $("#filUpload").val()
    					},
    						 function(data){
    								$("#ADD").html(data)

    						 }
    					);
    				}

    		</script>
  </head>
  <body>
    <div id="ADD"></div>
    <input id="name" type="text">

<input id="filUpload" type="file">
<input type="submit" name="add" id="add" class="btn btn-info" onclick="add()" value="เพิ่มข้อมูลพนักงาน">
  </body>
</html>

Tag : PHP, Ajax

Date : 2017-02-03 01:45:48

By : saharat2010

View : 2225

Reply : 3

No. 1

Genesis™

โพสกระทู้ ( 4,169 )
บทความ ( 7 )

แนะนำให้ใช้เป็น iframe Callback กลับมาครับ
https://www.thaicreate.com/community/php-ajax-upload-file-upload-progress.html

Date : 2017-02-03 09:24:32

By : dudesaranyu

No. 2

TC Admin

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

หรือไม่ลองหาพวก jQuery UI มาใช้นะครับ มีอยู่หลายตัว

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

Date : 2017-02-03 10:07:48

By : mr.win

No. 3

mr.v

โพสกระทู้ ( 4,756 )
บทความ ( 8 )

ลองดูตัวอย่างแล้วเทียบเคียงเอานะครับ

Code (PHP)

<form method="post" enctype="multipart/form-data" action="upload-process.php" class="upload-form">
    <input type="file" required="" name="content_xml">
    <div>
        <button type="submit" class="btn btn-primary" onclick="return ajaxUpload();">Upload</button>
    </div>
</form>

Code (JavaScript)

function ajaxUpload() {
    var formData = new FormData($('.upload-form')[0]);
    $.ajax({
        url: 'upload-process.php',
        type: 'POST',
        data: formData,
        dataType: 'json',
        processData: false,
        contentType: false,
        success: function(response) {
            console.log(response);
        }
    });

    return false;
}

Date : 2017-02-03 15:12:51

By : mr.v

ค้นหาข้อมูล

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

Re : ajax ส่งค่า แบบมี อัพโหลดไฟล์ ต้องทำยังไงหรอครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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