img
文章平均质量分 67
小雍雍
这个作者很懒,什么都没留下…
展开
-
Vue项目中input标签提交图片,音频到阿里云
1、Vue安装ossnpm install ali-oss2、新建js文件alioss.js 内容如下(可直接复制)var OSS = require('ali-oss')export function client () { var client = new OSS({ region: 'oss-cn-hangzhou', accessKeyId: 'ID 运营会给你', accessKeySecret: '密钥 运营会给你', bucket: '阿里云原创 2020-08-13 08:57:46 · 192 阅读 · 0 评论 -
Vue 中监控img加载完毕事件
使用场景:当某一个页面中有2个以上的图片,然而有一个事件(比如 截屏)是必须要在页面中的图片都加载完了之后才可以去执行的!否则的话,就不会截到我们想要的屏幕原理:img的load事件<img @load=‘loadImg’ src="" />做法:以下是步骤:1、把页面中的所有图片都加上@load事件;2、编写事件:(变量加一,判断条件去执行方法)loadImageO...原创 2020-03-31 20:06:15 · 16633 阅读 · 1 评论 -
JS实现浏览器点击下载图片
点击下载图片分两种:1、一种是同源地址图片(也就是本地本项目中的图片);2、另一种是不同源的图片;(不同域名下,比如阿里云 七牛云上的图片)下面我们就具体说一下这两种图片下载的方式:第一种(同源)下载:利用a标签下载, a标签有一个download的属性,添加了该属性,a标签将直接下载文件,并根据download属性的值设置下载文件的文件名,不为download属性设置值则文件将以默认...原创 2020-03-14 12:04:32 · 5785 阅读 · 4 评论 -
图片四周有空隙解决办法
解决办法有以下几种:亲测有效方法一:将img设置为block;这个基本可以解决img和div下方的缝隙问题。简单快捷,推荐方式二:设置父级div的font-size:0;方式三:设置外层的div的line-height:0...原创 2020-03-06 16:16:17 · 614 阅读 · 0 评论 -
html2canvas截图时 不能使用跨域图片的解决方案
解决方案为三个地方,三个地方缺一不可:1、html2canvas.js源码中修改两个地方:(如果是Vue项目在:node_modules—html2canvas—dist—html2canvas.js) case 2: Logger.getInstance(this.id).debug("Added image " + key.subst...原创 2019-11-24 14:16:49 · 2620 阅读 · 3 评论 -
Vue img图片加载不出来或加载错误显示默认图片
之前写页面考虑不到什么占位图,这次UI设计都有一个占位图,不得不逼着自己更准确的考虑图片显示错误时的情况!1、期初,想着用背景来填充,如果图片显示则就自然而然的把背景图遮盖住了,可实际情况是,如果后台返回的图片有误不显示时,背景图上面还是会有一个破损的小图片显示不美观;background: url("../../../static/images/avaterSpaceMap.png");b...原创 2019-07-29 16:28:26 · 12462 阅读 · 0 评论