2

Работаю с вводимым пользователем текстом, для начала разбираю строку по пробелу, и далее если слово - ссылка на картинку, вывожу ее, если нет, то оставляю обычным текстом и добавляю в конечное сообщение. Почему при выполнении функции - аргумента в checkImage arr[i] становится undefined и получается вместо картинки пустая ссылка. Не могу понять, почему функция не видит элемент массива?

var text = document.getElementById("text1").value;
var arr = text.split(" "); // делим строку по пробелу
var mess = new Array(); // новое сообщение

for (var i = 0; i < arr.length; i++) {

    if (arr[i].indexOf('.jpg') + 1 || arr[i].indexOf('.png') + 1
            || arr[i].indexOf('.bmp') + 1 || arr[i].indexOf('.gif') + 1
            || arr[i].indexOf('.jpeg') + 1) // если есть какое-либо расширение

    {
        checkImage(arr[i], // проверка ссылки, рабочая - картинка, нерабочая -
                            // текст
        function() {
            var newr = document.createElement("a");
            newr.href = arr[i];
            newr.target = "_blank";
            newr.innerHTML = '<img src= ' + arr[i]
                    + ' style = "max-width:90%">';
            f1.appendChild(newr);
        }, mess.push(" " + arr[i]))

    } else {
        mess.push(" " + arr[i]);
    }
}

var newr = document.createElement("div"); // создать и вывести текст
newr.innerHTML = mess;
f1.appendChild(newr);
1

2 ответа 2

1

Попробуйте в функции checkImage вызвать вашу функцию function() передав ей arr[i] в качестве агрумента

0

Потому что замыкания. Внутри коллбэка

newr.href = arr[i];

i не то, что вы ожидаете.

В рамках ES6 можно использовать в цикле let, чтобы не страдать от этого регулярно.

https://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example

2
  • function checkImage(im_url, good, bad) { var img = new Image(); img.src = im_url; img.onload = good; img.onerror = bad; }
    – Maxkb24
    Commented 16 окт. 2016 в 14:32
  • Спасибо большое, все работает, но в этом коде почему-то ссылка остается в комментарии, ф-ию проверки выложил комментарием выше, получается. что для рабочей картинки и onload и onerror выполняется
    – Maxkb24
    Commented 16 окт. 2016 в 14:33

Ваш ответ

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

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