0

Отправляю png файл через AJAX на PHP. var_dump в PHP показывает следщующее:

string(1462575) "------WebKitFormBoundaryh7lE1zEduW95eI64 Content-Disposition: form-data; name="file"; filename="_клавиши_в_unity.png" Content-Type: image/png �PNG IHDR�D....

При попытке просмотреть сохраненное изображение выдает ошибку о том, что файл поврежден.
Как правильно сохранить через PHP файл полученный через AJAX?

  <form>
        <input type="file" id="file" name="file">
        <input type="submit">
 </form>
<script type="text/javascript">
$('form').submit(function (e) {
    var data;

    data = new FormData();
    data.append('file', $('#file')[0].files[0]);

    $.ajax({
        url: 'http://abc-site.com/script.php',
        data: data,
        processData: false,
        type: 'POST',
        contentType: 'multipart/form-data', 
        beforeSend: function (x) {
            if (x && x.overrideMimeType) {
                x.overrideMimeType("multipart/form-data");
            }
        },
        mimeType: 'multipart/form-data',

        success: function (data) {
            alert(data);
        }
    });

    e.preventDefault();
});
</script>

php


$content = file_get_contents("php://input");
$name = explode('filename="', $content)[1];
$name = explode('"', $name)[0];
var_dump($content);
file_put_contents($name, $content);
1
  • Нащел рабочий код, но если кто знает почему не работал предыдущий - буду благодарен за ответ.
    – J. Doe
    Commented 14 янв. 2018 в 13:51

1 ответ 1

0
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<form>
    <input type="file" id="file" name="file">
    <input type="submit">
</form>
<div id="res"></div>
<script type="text/javascript">
$('form').submit(function (e) {
    var data;

    data = new FormData();
    data.append('file', $('#file')[0].files[0]);

    $.ajax({
        url: 'http://abc-site.com/script.php',
        data: data,
        dataType: 'text',
        cache: false,
        contentType: false,
        processData: false,
        type: 'post',
        success: function (data) {
            alert(data);
            //$('#res').append(data);
        }
    });

    e.preventDefault();
});
</script>

<?php
if ( 0 < $_FILES['file']['error'] ) {
        echo 'Error: ' . $_FILES['file']['error'] . '<br>';
    }
    else {
        move_uploaded_file($_FILES['file']['tmp_name'], $_FILES['file']['name']);
    }

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.