2016-07-25 3 views
0

Попытка отображения изображения и ссылки с Firebase Storage & База данных. Прекрасно работает на настольных браузерах, а также на устройствах Android, но не отображается на устройствах iOS (мобильное сафари). Есть ли что-то очевидное, что мне здесь не хватает или это может быть ошибка? На странице отображается правильно только место, где должна быть ссылка изображения.(Хранилище Firebase) размещенное изображение не отображается на iPhone браузере

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

<div class="livewire1"> 

<a href="" target="_blank" ><img id="myimg" width="100%" height="100%"/></a> 


<script> 

    var anchors = document.querySelectorAll('a'); 
    Array.prototype.forEach.call(anchors, function (element, index) { 
     var dbRef1 = firebase.database().ref().child('sponsorlink/hole01'); 
     dbRef1.on('value', snap => element.href = snap.val()); 

    }); 

    var storageRef = firebase.storage().ref(); 
    var imagesRef = storageRef.child('banner_ads'); 
    var fileName = 'ban_01.png'; 
    var bannerRef = imagesRef.child(fileName); 

    bannerRef.getDownloadURL().then(function(url) { 
     var banner1 = url; 
     document.getElementById('myimg').src = banner1; 

    }).catch(function(error) { 

    }); 
</script> 
</div> 

Благодаря

+0

ли вы пройти через код в отладчике? Заходит ли он в блок 'then()'? Что такое 'url' в этот момент? –

+0

@FrankvanPuffelen, Привет, dbRef1.on ('значение', snap => element.href = snap.val()); в отладчике в сафари это дает ошибку для неожиданного токена «>», также это изображение URL-адреса, напечатанного на консоли, не уверен, что это то, что вы имеете в виду [Image] (http: //www.w1gcms. клуб/отлаживать/screen1.png) –

ответ

0

Fixed моей проблемы косвенно благодаря Франку ван Puffelen и проверить отладчик на сафари мобильного, но неожиданный синтаксис «>» на значении защелки dbRef1.on('value', snap => element.href = snap.val()); , казался, что в результате чего изображение хранения не загружается.

ES6 arrow функция, которая не поддерживается в Safari и Internet Explorer. AngularJS - SyntaxError: Unexpected token '>'error in Safari Browser

решены со следующими:

dbRef1.on('value', function(snap) { element.href = snap.val()}); 
Смежные вопросы