图片
文章平均质量分 64
土垚金鑫
软件
展开
-
html2pdf—html页面下载pdf案列,及图片不能显示问题
一,html2pdf—html页面下载pdf文件需求:html2pdf—html页面下载pdf文件使用的插件js是html2pdf.js,html2pdf官方链接地址,按照官方的说明,直接调用save方法就可以。var element = document.getElementById('element-to-print');var opt = { margin: 1, filename: 'myfile.pdf', image: { type: 'j原创 2021-06-28 11:44:32 · 4926 阅读 · 3 评论 -
vue项目ElementUI组件中el-upload组件与图片裁剪功能组件结合使用
vue项目ElementUI组件中el-upload组件与裁剪功能组件结合使用如下图所示,点击上传组件,选择文件后,会立马弹出图片裁剪功能组件的页面问题描述:1,在使用upload组件中,如果修改fileList中的内容,浏览器会报错2,获取上传的文件,传递给图片裁剪组件(在on-change中获取文件并传递个裁剪组件)3,要获取裁剪后的图片即File文件(将裁剪后的图片返回出去)4,获取到裁剪后的file调用上传的接口由于el-upload组件默认使用的是“选取文件后立即进行上传”,原创 2020-12-16 13:37:53 · 5046 阅读 · 3 评论 -
vue项目elementUI预览图片
vue项目elementUI预览图片说明:1,elementUI组件中已经实现了图片预览,点击图片会有预览的功能2,需求产品需求,要不展示图片,点击“图片预览按钮或链接”才显示图片的预览功能,如下图所示如上图所示,只有点击 图片预览 按钮才会有图片预览的效果,实现方案如下:有两种方案:第一种:使用ref进行操作1,将el-image标签中渲染后的图片进行隐藏2,使用ref进行操作,在el-image标签中声明ref属性3,通过Element源码得知,预览图片组件中控制是否显示使用的属性是原创 2020-12-15 13:32:13 · 21679 阅读 · 2 评论 -
vue项目中图片加载不到时,使用默认图片替换
vue项目中图片加载不到时,使用默认图片替换解决方法:①使用三目运算符②使用onerror <img :src="item.photo ? item.photo :''" alt="头像" class="photo" :onerror="defaultImg" />co...原创 2020-04-08 17:02:35 · 1130 阅读 · 0 评论 -
vue+vant项目base64编码的图片直接显示成为图片
需求:将base64编码的图片直接显示成为图片解决方案:使用img标签,在src中添加对应的代码,把base64编码传入即可!如下所示<img src=“data:image/png;base64,base64编码”/>vue 中的主要代码如下 <img :src="vImg" /> this.vImg = 'data:image/png;base64,...原创 2020-02-22 20:02:28 · 6975 阅读 · 0 评论