如何使用javascript將輸入文件的數據傳遞到另一個file.php

Question

我的js文件有問題，該文件發送帶有src圖像的所有數據形式（輸入文件數據除外）

 $(document).ready(function(){ //PURE PATH TO IMAGE GENERATING PHP FILE var base = $(".preview img").attr("src"); //GATHER IMAGE FOR FIRST TIME $(".preview img").attr("src",base+'?'+$(".form-horizontal").serialize()); //KEYUP EVENT AND NEW IMAGE GATHER $(".form-horizontal input,textarea").stop().keyup(function(){ $(".preview img").attr("src",base+'?'+$(".form-horizontal").serialize()); }); $("#getResults").click(function(){ $("#resultsUrl").val($(".preview img").attr("src")); $("#link").show("slow"); }); }); 

 <form method="post" action="member_save.php"> <input type="text" name="firstname" required> <input type="text" name="lastname" required> <input type="file" name="image" accept="image/*" required> <button name="submit" type="submit">save</button> </form> <div id="preview" class="preview"> <img src="mpdf-master/recto.php" style=" margin-right:-72%; width:70%; />']."" </div> 

Answer 1

定義jQuery

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

並使用jquery這樣提交表單

<script type="text/javascript">
    $(document).ready(function() {
        $("#form_img").submit(function(e){
            e.preventDefault();
            var formData = new FormData($("#form_img")[0]);

            $.ajax({
                url : $("#form_img").attr('action'),
                type : 'POST',
                data : formData,
                contentType : false,
                processData : false,
                success: function(resp) {
                    console.log(resp);                   
                }
            });
        });
    });

</script>

像這樣編寫表單標簽：

<form action="test.php" method="post" id="form_img" enctype="multipart/form-data" accept-charset="utf-8">
</form>