- 博客(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关注的人