模板图片无法显示:排查原因及解决方案
<script type='text/html' id='tpl-users'>
{{each list val}}
<p class='headline'>{{val.title}}</p>
{{each cover val}}
<img src='{{val.images}}' alt=''>
{{/each}}
<p class='hei'>
<span>{{val.aut_name}}</span>
<span>{{val.pubdate}}</span>
</p>
{{/each}}
</script>
<p>function news(id) {
let data = new Date()
$.ajax({
type: 'GET',
url: 'http://toutiao.itheima.net/v1_0/articles?channel_id=' + id + '&timestamp=' + data,
success: function (res) {
// 筛选数据
const { results } = res.data;
console.log(48, results);
// 调用template函数
let htmls = template('tpl-users', { list: results })
//渲染数据到页面
$('#title').html(htmls)
// const { images } = results.cover;
console.log(results[4].cover.images);
}
})
}</p>
<p>模板图片无法显示可能是由于图片地址不正确或者服务器没有返回正确的图片地址。您可以在浏览器中查看网络请求,看看图片的地址是否正确。另外,也可以尝试更换图片地址或者使用其他图片来测试。</p>
原文地址: https://www.cveoy.top/t/topic/mzJM 著作权归作者所有。请勿转载和采集!