Question

我使用FormData上传图片，但无法通过附加参数传递图像。我希望我所有的ajax调用都落在同一个脚本上，即ajax.php，并根据传递的附加参数执行脚本的一部分。

我的ajax电话看起来像这样：

$(document).on('click', '#btn-banner-upload', function(){
    var file_data = $("#bannerUpload").prop("files")[0];   
    var form_data = new FormData();                  
    form_data.append("file", file_data);
    console.log(form_data);
     $.ajax({
                url: "../server/upload.php",    
                cache: false,
                contentType: false,
                processData: false,
                data: {"case":"bannerUpload","form_data":form_data},
                dataType: 'json',                         
                type: 'post'
     }).done(function(response){
        console.log(response);
        $('html').css('background', 'url('+response.path+') no-repeat center center fixed');
     }).fail(function(response){
        console.log(response);
     })
})

我的php脚本看起来像这样：

if($_POST['case'] == 'bannerUpload'){
    if ( 0 < $_FILES['file']['error'] ) {
        echo 'Error: ' . $_FILES['file']['error'] . '<br>';
    }
    else {
        move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
        echo '{"result": "ok", "path":"../server/uploads/' . $_FILES["file"]["name"].'"}';
    }
}

不幸的是，我返回$ _POST [＆＃39; case＆＃39;]未定义。

谢谢！

Answer 1

将一些值附加到现有表单数据。只需like this

var form_data= new FormData();   
var key = 'xyz'; 
form_data.append( 'yourValue', key );

另外，请尝试删除case

的引号

更改此data: {"case":"bannerUpload","form_data":form_data},

到

data: {case:"bannerUpload",form_data:"form_data"},

提示：

同时检查控制台中的“网络”标签，确保一切正常

如何在$ .ajax中沿FormData传递其他参数

1 个答案: