JS использует загруженное изображение перед загрузкой

Question

JS использует загруженное изображение перед загрузкой

Я пытаюсь использовать изображение, которое пользователь выбирает в поле для загрузки, прежде чем он будет загружен на сервер. В частности, я хочу, чтобы пользователь манипулировал изображением (обрезкой, молнией и т. Д.) С помощью некоторого плагина jQuery, прежде чем он загрузил его.

У меня не так много опыта работы с JS, так что до сих пор я закончил с этим кодом:

$(".image_upload_form").submit(function (e) {
    "use strict";
    e.preventDefault();
    var input, files, reader;
    input = $("#id_image");
    files = input[0].files;
    if (files && files[0]) {
        reader = new FileReader();
        reader.onload = function (e) {
            $('#img_view').attr('src', e.target.result);
        };
        reader.readAsDataURL(files[0]);
    }
});

который отлично работает, изображение отображается на "# img_view" после отправки формы. Но мне нужно получить "e.target.result" в функции reader.onload в переменной, поэтому я могу использовать ее в более позднем коде. Как мне это сделать?

0

добавлено 28 Декабрь 2012 в 12:46 автор SnirD отредактировано 28 Декабрь 2012 в 12:51

Просмотры: 3

источник

nl ja de

ну, вы должны иметь временное хранилище, чтобы сделать это, сначала пользователь выбирает изображение, затем вы храните его в каком-то временном хранилище на своем сервере, после того, как пользователь закончил работу с изображением, тогда вам нужно сохранить его на сервере DB когда пользователь отправляет форму.

добавлено 28 Декабрь 2012 в 12:55, автор Hussain Akhtar Wahid 'Ghou, источник

да, я уже дал альтернативу, но это тоже ограничено, не могу использовать IE, пока вы не будете использовать IE10 или выше, оставите его отлично

добавлено 28 Декабрь 2012 в 01:10, автор Hussain Akhtar Wahid 'Ghou, источник

@HussainAkhtarWahid Я знаю, я просто ограничен ресурсами, поэтому хочу, чтобы процесс был на стороне клиента.

добавлено 28 Декабрь 2012 в 01:00, автор SnirD, источник

1 ответы

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

автор Hussain Akhtar Wahid 'Ghou · Answer 1 · 2012-12-28T12:57Z

хорошо, если вы рассматриваете IE, это будет работать на всех браузерах, почти на каждом главном браузере

function selectedPhotoText(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#imagePreview')
                        .attr('src', e.target.result)
                        .width(240)
                        .height(149);
        };

        reader.readAsDataURL(input.files[0]);
    }
    else {
        $('#imagePreview').attr('src', "../../Images/blqblq.jpg");
    }
}