Problem when uploading file with ajax, the php does not recognize the method "POST"

Question

Problem when uploading file with ajax, the php does not recognize the method "POST"

Navigation

#1 by (0 votes)

0

I have a problem with uploading files when using ajax, when I click on the upload button, the PHP file does not recognize the POST method and I do not get the value entered in that text field.

this is my form:

<form method="POST" action="#" enctype="multipart/form-data">
    <div class="row">
        <div class="form-group col-md-4" >
            <input type="hidden" name="referencia" id="referencia" class="form-control">
        </div>
    </div>
    <div class="row">
        <div class="form-group col-md-4" >
             <input type="file" id="upload" name="upload" accept=".doc,.docx,.pdf" />
        </div>
         <div id="messageupload"></div>
    </div>
    <div class="row">
        <div class="form-group col-md-4 pull-right">
            <button type="btn" id="uploadfile" class="btn btn-success"><i class="fa fa-upload"></i> Subir </button>
        </div>
    </div>
</form>

This is my script

<script type="text/javascript">
    $(document).ready(function(){
        $(document).on('click','#uploadfile',function(){
            var property = document.getElementById('upload').files[0];
            var form_data = new FormData();
            form_data.append("file",property);
            $.ajax({
                url:'upload.php',
                method:'POST',
                data:form_data,
                contentType:false,
                cache:false,
                processData:false,
                beforeSend:function(){
                    $('#messageupload').html('Loading......');
                },
                success:function(data){
                    $('#messageupload').html(data);
                }
            });
        });
    });
</script>

Please can someone help me.

javascript php ajax

asked by Esteban 13.06.2018 в 18:33

source

1 answer

Kendo Template does not show special characters problem with a pdf in iframe, the download button does not work

score 0 · Answer 1

 <form class="form-horizontal" id="formmass" action="../update/1" method="POST" role="form" accept-charset="UTF-8" enctype="multipart/form-data">

<input type="hidden" name="referencia" id="referencia" class="form-control">
<input type="file" id="upload" name="upload" accept=".doc,.docx,.pdf" />

<button type="button" id="acciones" class="btn btn-primary mass" data-dismiss="modal">
                                <span class="glyphicon glyphicon-check"></span> massar
                            </button>

<script type="text/javascript">

$('.modal-footer').on('click', '.add', function() {
    //url: '../store',
    var formData = new FormData($("#formmass")[0]);
    formData.append('id',$('#referencia').val());


    $.ajax({
        type: 'post',
        url: '../store',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
    error: function(jqXHR, text, error){
    toastr.error('Validation error!', 'No se pudo Añadir los datos<br>'+error, {timeOut: 5000});
    },
    success: function(data) {

    }
    });
}); 
</script>