自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 js等比例压缩图片

项目中需要将图片进行等比例压缩展示,哎,烦!HTML部分:<input type="file" id="file">js部分let reader = new FileReader();let imgFile = document.querySelector("#file");imgFile.addEventListener('change', (e) => { let file = e.target.files[0]; reader.r...

2020-08-04 23:59:58 1423

原创 js将两张图片合成一张图片

现在这个需求是在微信分享的时候将要将播放按钮放在分享图片中,因此需要加上传的分享图片和播放图片合着一张图片drawAndShareImage(bgsrc, src) { let canvas = document.createElement('canvas'); canvas.width = 400; canvas.height = 400; let context = canvas.getContext('2d'); context.rect(0, 0,...

2020-08-04 23:28:53 3735

原创 js获取视频的第一帧图片并上传和视频时长

项目中要求上传视频的时候要自动获取第一帧作为App端的视频播放封面。1、获取视频的第一帧封面captureImage() { let that = this; // 创建视频对象 let video = new Video(); video.width = 200; vieo.height = 500; video.setAttribute('crossOrigin', 'Anonymous'); video.setAttribute('co

2020-08-03 22:48:14 4105 3

原创 基于spark-md5对文件进行加密

之前写了一个基于AWS.S3的大视频上传,现在项目要求对上传同一个文件不调用上传AWS的接口,而直接把原来的链接直接返回。因此对文件进行md5加密。因为对同一个文件返回的md5加密是一样,因此通过spark-md5组件进行加密。 1、安装和引入npm i spark-md5 // 安装spark-md5import SparkMD5 from 'spark-md5' 2、进行加密getFileMd5(file) { let that = thi...

2020-08-03 22:23:44 2143 5

原创 基于AWS和Vue上传视频,多分块上传视频

之前我们的项目上传视频都是后台提供的接口,现在需要上传大视频因此我现在改成了基于亚马逊的AWS上传视频1、安装和引入AWS.S3npm i aws-sdk // 安装aws-sdkimport AWS from 'aws-sdk' // vue文件引入2、需要后台提供获取临时tooken的接口this.$get(url,{}).then(res => { if (res.data.code === '0') { this.s3 = new AWS

2020-08-03 22:02:26 1142 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除