使用ajax发布上传图片

时间:2019-09-20 14:06:10

标签: jquery ajax post file-upload

我想通过ajax将图像上传到我的文件夹中:

<img id="photo-preview" src="#" alt=" Select Photo to Upload" class="img-preview"/>
<input name="fileToUpload" type='file' id="imgSelect" />

这是我的ajax帖子:

 var data = {
            case_number:$('#inputCaseNumber').val(),
            case_name:$('#inputCaseName').val(),
            case_type1:$('#caseType1').is(':checked'),
            case_type2:$('#caseType2').is(':checked'),
            appointed_phases1:$('#appointedPhases1Check').is(':checked'),
            appointed_phases2:$('#appointedPhases2Check').is(':checked'),
            client_name:$('#inputClientName').val(),
            aka:$('#inputAKA').val(),
            date_of_birth:$('#dateOfBirth').val(),
            circuit:$('[name=circuit]').val(),
            region:$('[name=region]').val(),
            //county:
            charges_id:$('#chargesID').val(),
            jurresdiction_id:$('[name=jurresdiction]').val(),
            lead_counsel_id:$('#leadCounselID').val(),
            second_chair_counsel_id:$('#secondChairCounselID').val(),
            //photo_source
            case_summary:$('#caseSummary').val(),
            facility_id:$('#facilityID').val(),
            judge_id:$('#judgeID').val(),
            state_attorneys_ids:$('#attorneyIDs1').val(),
            defence_attorneys_ids:$('#attorneyIDs2').val()
        }

        console.log(data);
        if($('#inputCaseName').val() != ""){
            $.ajax({
                type: "POST",
                url: "/"+location.pathname.split('/')[1]+"/api/cases",
                data: data,
                dataType: "json",
                success: function(data)
                {   
                    console.log('success');
                    console.log(data);
                    if(data.message){
                        $('#alerts').append('<div class="alert alert-success alert-dismissible fade show" role="alert">'+
                                        data.message+
                                        '<button type="button" class="close" data-dismiss="alert" aria-label="Close">'+
                                        '<span aria-hidden="true">&times;</span>'+
                                        '</button>'+
                                        '</div>');
                    }
                },
                error: function(data) {
                    console.log('error');
                    console.log(data);
                }
            });
        }

我想知道如何获取要上传文件的内容或src通过api发送并通过php上传。

0 个答案:

没有答案