У меня есть следующая функция, которая использует JSON api от Reddit для вывода списка последних комиксов Rage из subreddit "/ r / fffffffuuuuuuuuuuuu". У меня есть тянуть URL-адрес изображения и выводить его в виде IMG. Проблема, однако, заключается в том, что иногда представленный комикс использует ссылку на изображение на «imgur.com», а не прямую ссылку на «i.imgur.com».
Сначала я попытался разделить запрошенный URL, чтобы получить строку только после «/», но проблема все еще заключалась в том, что она не содержала тип изображения (т. Е. «.Png», «.jpg» и т. Д.) .
У меня вопрос, как я могу получить IMG SRC для URL, которые не являются прямыми IMG SRC от i.imgur.com?
Как видно из приведенного ниже кода, единственное решение, которое у меня есть на данный момент, - вывести ошибку, если img отсутствует.
Вот функция:
var i = -1;
function rage(data) {
var rageURL = data['data']['children'][i]['data']['url'];
$('#comic .rage-wrap').html('<img src="'+rageURL+'" />');
$('img').load(function() { $('.rage-wrap').fadeIn(400); });
$('img').error(function() { alert('whoops!'); });
};
function nextRage() {
$('.next-rage').live('click', function() {
$('.rage-wrap').fadeOut(400);
i++;
$.ajax({
type: "GET",
url: "http://www.reddit.com/r/fffffffuuuuuuuuuuuu/.json",
dataType: "jsonp",
jsonp: "jsonp",
success: rage
});
});
};