input type=“file” в IE11, загрузка изображения

159
25 января 2019, 11:40

Всем привет. Нужна помощь. Возникла следующая проблема: В ИЕ11 есть инпут тайп файл, по клику на определенную кнопку необходимо сделать 1) clone() этой кнопки; 2) Создать другую кнопку и вставить в неё .prop('files) ( перед этим соответственно взять этот prop с основного инпута тайп файл);

В хроме маке мозиле и тд по итогу второй инпут содержит ФАЙЛ( который юзер загрузил)

А в ИЕ ни тот ни тот метод для копировани содержимого файла не пашет.

Код ниже:

var wrapDownload = $('#download-wrap');
    var btnDownload = $('#photo-download');
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
                var newBlock = $('<div>').attr('class', 'photo-download-wrap__check');
                var delImg = $('<div>').attr('class', 'photo-del').appendTo(newBlock);
                var img = $('<img>').attr({
                    'src': e.target.result,
                    'alt': 'photo-check'
                }).appendTo(newBlock);
                wrapDownload.append(newBlock);
                var new_file = $('#file-photo-check').prop('files');
                $('<input class="file-photo-check input-for-img image-for-server" accept="image/*,image/jpeg" name="image[]">').prop('files',new_file).appendTo(newBlock);
                $('.image-for-server:last').val(e.target.result);
                var maxNewBlock = $('#download-wrap').find('.photo-download-wrap__check').length;
                if (maxNewBlock > 4) {
                    btnDownload.addClass('file-photo_none');
                }
                var deletePhoto = wrapDownload.find('.photo-del');
                deletePhoto.each(function() {
                    $(this).on('click', function(event) {
                        event.stopPropagation();
                        $(this).parent().remove();
                        var maxNewBlock = $('#download-wrap').find('.photo-download-wrap__check').length;
                        if (maxNewBlock <= 4) {
                            btnDownload.removeClass('file-photo_none');
                        }
                    });
                });
            };
            reader.readAsDataURL(input.files[0]);
        };
    }
    $('#download-photo').on('change', '.file-photo-check', function() {
        readURL(this);
    });
READ ALSO
перебрать значения input`s

перебрать значения input`s

Имеется код, в котором несколько input, в которых атрибут type имеет значение text и несколько input со значением type = checkbox, нужно собрать данные в массив

207
Помогите исправить функцию

Помогите исправить функцию

Суть функции заключается в том, чтобы при нажатии на кнопку переводить элементы по Id, но после нажатия функция срабатывает только на одном...

171
Вопрос о видео фоне

Вопрос о видео фоне

Как сделать для мобильный устройст видеофон ? http://wingyhost/item/0004/0001 Вот на первом экране есть видео при нажатии

168
object in componets и его реактивность

object in componets и его реактивность

Есть задача в компоненте отвязать от store объектНо так чтобы он в самой компоненте был реактивен

154