Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript PHP AJAX jQuery发送文件和文本_Javascript_Php_Jquery_Ajax - Fatal编程技术网

Javascript PHP AJAX jQuery发送文件和文本

Javascript PHP AJAX jQuery发送文件和文本,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,大家好,我有一个简单的表单,可以输入文本和文件。我想在输入中键入一些名称并添加文件。以下是我的HTML代码: Name: <input type="text" id="name" name="name"><br> File: <input type="file" id="file" name="file"><br> <button id="submit">Submit</button> 在PHP中,我获取文件等,但我需要文

大家好,我有一个简单的表单,可以输入文本和文件。我想在输入中键入一些名称并添加文件。以下是我的HTML代码:

Name: <input type="text" id="name" name="name"><br>
File: <input type="file" id="file" name="file"><br>
<button id="submit">Submit</button>
在PHP中,我获取文件等,但我需要文件和名称(输入)。如何在输入(名称)中输入和值?
谢谢。

我希望这对你有帮助

$('#submit').click(function() {
    var file_data = $('#file').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);
    form_data.append('name', $("#name").val());
    $.ajax({
        url: 'include/upload_idcard.php',
        dataType: 'text',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,                         
        type: 'post',
        success: function(result){
            alert(result);
        }
    });
});
$('#submit').click(function() {
    var file_data = $('#file').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);
    form_data.append('name', $("#name").val());
    $.ajax({
        url: 'include/upload_idcard.php',
        dataType: 'text',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,                         
        type: 'post',
        success: function(result){
            alert(result);
        }
    });
});