vue取ueditor内容第一张图做封面，无图使用默认图做封面

时间：2020-05-28 13:11:55 阅读：108 评论：0 收藏：0 [点我收藏+]

标签：ror this assets fir new win mon 失败 first

一、获取第一张图片

获取ueditor内容，并获取第一张图片url

let editHtml = window.myEditor.getContent()
　　　　let cover = this.getFirstImg(editHtml)
 
getFirstImg (html) {
   var a = html
   var arrimg = []
   a.replace(/<img [^>]*src=[‘"]([^‘"]+)[^>]*>/gi, function (match, capture) {
     arrimg.push(capture)
   })
   if (arrimg != null && arrimg.length > 0) {
     return arrimg[0]
   } else {
     return ‘‘
   }
 }
 
二、图片显示 <img :src="item.cover" :onerror=‘placeholdImg‘ class="card-img">
 
 data () {
　　return {
　　　　placeholdImg: ‘this.src="‘ + require(‘../assets/images/img_placehold.png‘) + ‘"‘
　　}
 }
 
onerror事件，当图片加载失败时，原本会显示一个裂开的图标，现在改成自己默认的图片

vue取ueditor内容第一张图做封面，无图使用默认图做封面

标签：ror this assets fir new win mon 失败 first

原文地址：https://www.cnblogs.com/chirm7/p/12979713.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行