2

Есть несколько полей такого типа <input type="file" name="file1">в которых я выбираю изображения. Мне нужно с помощью ajax залить их на imgur, а ссылку вернуть в ответе. Проблема в том, что не знаю как правильно передать изображения в $_FILES['img'].

JS

$.each($("[name=file"+i+"]"), function(i, obj){
            $.each(obj.files,function(i,file){
                $.ajax({
                    url: 'imgur.php',
                    data: file,
                    processData: false,
                    contentType: false,
                    type: 'POST',
                    success: function(data){
                        if(data != '') {
                            arr.push(data); // записываю ответ в массив
                        }
                    }
                })

PHP

<?php
    if (isset($_FILES['img'])) {
        $file = $_FILES['img'];
        if ($file['name'] != '') {
            $filename = $file['tmp_name'];
            $client_id = "***************";
            $handle = fopen($filename, "r");
            $data = fread($handle, filesize($filename));
            $pvars   = array('image' => base64_encode($data));
            $timeout = 30;
            $curl    = curl_init();
            curl_setopt($curl, CURLOPT_URL, 'https://api.imgur.com/3/image.json');
            curl_setopt($curl, CURLOPT_TIMEOUT, $timeout);
            curl_setopt($curl, CURLOPT_HTTPHEADER, array('Authorization: Client-ID ' . $client_id));
            curl_setopt($curl, CURLOPT_POST, 1);
            curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
            curl_setopt($curl, CURLOPT_POSTFIELDS, $pvars);
            $out = curl_exec($curl);
            curl_close ($curl);
            $pms = json_decode($out,true);
            $url=$pms['data']['link'];
            if ($url!="") {
                $url = str_replace('http://', 'https://', $url );
                $imgname = preg_replace('/\.[^.]+$/','',$file['name']);
                echo $url;
            }
        }
    }
?>

2 ответа 2

2

Сделайте так:

   <form id="upload">
   <input type="file" name="file">
   <button type="submit">Upload</button>
   </form>

<script>
$( document ).ready(function() {
    $("#upload").submit(function(e){
        e.preventDefault();
        var form=($(this)[0]);
        var formdata=new FormData(form);
        $.ajax({
                    url:'url.php',//обработчик
                    type:'POST',
                    data:formdata,
                    enctype:'multipart/form-data',
                    processData:false,
                    contentType:false,
                    success:function(data){
                    //в случае успешной загрузки
                    },

                    error: function (data) {
                    //в случае ошибки
                    }
        });
    });
    });
</script>

В обработчике проверяться с помощью $_POST['file']

4
  • Если одно изображение передаю то работает, а если их несколько? У меня в форме несколько полей с name="file1" несколько с name="file2"
    – Abmin
    15 апр 2017 в 12:56
  • делайте multiple form. <input type="file" name="file[]"> <input type="file" name="file[]"> <input type="file" name="file[]">. Это будет массив.
    – James
    17 апр 2017 в 5:34
  • я уже сделал, все работает)
    – Abmin
    17 апр 2017 в 21:06
  • рад был помочь.
    – James
    18 апр 2017 в 5:44
2

Сделай через Guzzle, вот пример

https://stackoverflow.com/questions/38133244/upload-file-using-guzzle-6-to-api-endpoint

5
  • Сложная штука, много времени уйдет. Мне нужно до завтра это сделать. Больше вариантов нет как решить эту задачу?
    – Abmin
    14 апр 2017 в 5:39
  • Это самый простой вариант, так как в Guzzle все уже реализовано. Да и чего сложного в том примере? Последовательно наполняешь массив контентом и описанием файлов
    – ChipX
    14 апр 2017 в 5:50
  • с установкой проблемы, не могу понять как его установить на сервер.
    – Abmin
    14 апр 2017 в 5:53
  • Может с помощью FormData можно как то отправить?
    – Abmin
    14 апр 2017 в 6:00
  • Попробуй вот это stackoverflow.com/a/15200804
    – ChipX
    14 апр 2017 в 6:31

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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