模板图片不显示问题排查及解决方案
<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/mzJL 著作权归作者所有。请勿转载和采集!