Можно ли загрузить AJAX'ом изображение на сервер и получить после этого ссылку на него?

Question

[g_oo_gle]

Это снова я! Здарова
Вообщем я замутился с лайками и с сессиями, спасибо
Но сейчас встал вопрос, при заполнении формы необходимо еще и загрузить фото
Загружать файлы на сервер и выдавать пусть до него я умею
Но необходимость без перезагрузки сделать это вынудлила меня обратиться к Вам
Не хочу в гугл, я он и есть
По этому спрашиваю у Вас
Подсказать рабочие примеры или рассказать механизм можете?
Спасибо Вам, ваш g_oo_gle

Answer 1

[g_oo_gle]

Кароч стоило только задать, как решение пришло мне в голову
Зачем оно мне вообще надо?
Сделать превьюшку одного фото при его выборе я и так могу
По этому просто загружаю файл на сервак, с ссылку на него кладу в бд
Дело было в том, что я помимо фото еще кучу инфы должен был вносить
А фото то одно, по этому одним махом все решается и заноситься
Спасибо с:

Comments

[g_oo_gle]

Вернее, просто выбираем файл, а после нажатия на отправит, проверяем скриптом в обработчике и если все ок, отправляем на сервак

Answer 2

[yuras666]

На самом деле нельзя отправлять файлы через аякс нпрямую. Но есть плагины которые эмулируют работу этого. Например plupload jQuery-File-Upload. Если фото надо отправлять вместе с формой, без всяких привьюшек, кропов и прочего, то лучше всего использовать jquery form

Answer 3

[coderisimo]

вот пример из проекта :

var form = document.forms.namedItem("fileinfo");

    form.addEventListener('submit', function (e) {

        e.preventDefault();
        var fd = new FormData(form);
        fd.append("action", "upload_diagram_image");
        jQuery.ajax({
            url: base_url,
            type: "POST",
            data: fd,
            enctype: 'multipart/form-data',
            processData: false, // tell jQuery not to process the data
            contentType: false   // tell jQuery not to set contentType
        }).done(function (data) {
            if (data !== 'error') {
                fabric.Image.fromURL(data, function (Img) {
                    canvas.add(Img);
                    canvas.renderAll();
                });
            }
        });

        return false;

    });

Comments

[coderisimo]

вам нужна первая часть . в done это уже особенности того проекта