Javascript 如何向formData和ajax过程中添加变量_Javascript_Php_Form Data

Javascript 如何向formData和ajax过程中添加变量

javascript php

Javascript 如何向formData和ajax过程中添加变量,javascript,php,form-data,Javascript,Php,Form Data,我想添加clicked变量并在php端处理它，以及inpfile数据 var clicked; $('#btnplusa').click(function(){ clicked = 'a'; $('#inpfile').click(); }); banners pro btnplus.php <input type='file' name='inpfile' id='inpfile' accept='image/*' hidden> $('#inpfile').c

我想添加

clicked

变量并在php端处理它，以及

inpfile

数据

var clicked;
$('#btnplusa').click(function(){
    clicked = 'a';
    $('#inpfile').click();
});

banners pro btnplus.php

<input type='file' name='inpfile' id='inpfile' accept='image/*' hidden>

$('#inpfile').change(function(){
    var file_data = $('#inpfile').prop('files')[0];
    var form_data = new FormData();
    form_data.append('inpfile', file_data, 'clicked', clicked);
    $.ajax({
        url: "banners-pro-btnplus.php",
        type: 'post',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        success: function(data) {
            console.log(data);
        }
    });
});

控制台：

未定义索引：点击…

如何在php端点击

变量？

$file = $_FILES['inpfile'];

$clicked =  $_POST['clicked'];
echo $clicked;
exit();

点击
$（文档）.ready（函数（）{
$（'#inpfile'）.change（函数（）{
console.log（单击）
var file_data=$（'#inpfile'）.prop（'files'）[0]；
var form_data=new FormData（）；
form_data.set（'inpfile'，file_data，file_data.name）；
表单_data.append（'clicked'，clicked）；
$.ajax({
url:“banners pro btnplus.php”，
键入：“post”，
cache:false，
contentType:false，
processData:false，
数据：表格数据，
成功：功能（数据）{
控制台日志（数据）；
}
});
})
})
函数bttn_click（）{
点击='a'；
document.getElementById（'inpfile'）。单击（）；
}
浏览

您可以用这种方式尝试，得到-未捕获的错误：调用未定义的函数_（）…这不是append方法的工作方式。所以建议你去读一读它的实际作用，
 <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script type="text/javascript">
            let clicked
            $(document).ready(function(){

                $('#inpfile').change( function ( ){
                    console.log(clicked)
var file_data = $('#inpfile').prop('files')[0];
     var form_data = new FormData();
        form_data.set('inpfile', file_data , file_data.name );
     form_data.append( 'clicked', clicked);
        $.ajax({
            url: "banners-pro-btnplus.php",
            type: 'post',
            cache: false,
            contentType: false,
            processData: false,
            data: form_data,
            success: function(data) {
                console.log(data);
            }
        });
                })
            })
            function bttn_click(){
                clicked = 'a';

                document.getElementById('inpfile').click();
            }
        </script>
    </head>
    <body>
        <form>
            <input type="file" name="" id="inpfile">
            <button onclick="bttn_click()"  >Browse</button>
        </form>
    </body>
    </html>