智能巡检-记录记录问题记录问题记录问题记录问题记录问题记录问题记录问题记录问题记录问题记录问题记录问题记录问题记录问题记

下载页面中的图片

downLoadBtn(name){
    // name是图片的路径
    const image = new Image();
    image.setAttribute('crossOrigin', 'anonymous')
    image.onload = function () {
        const canvas = document.createElement('canvas')
        canvas.width = image.width
        canvas.height = image.height
        const context = canvas.getContext('2d')
        context.drawImage(image, 0, 0, image.width, image.height)
        const url = canvas.toDataURL('image/png') // 得到图片的base64编码数据
        const a = document.createElement('a') // 生成一个a元素
        const event = new MouseEvent('click') // 创建一个单击事件
        a.download = '远程抓拍图片' // 设置图片名称
        a.href = url // 将生成的URL设置为a.href属性
        a.dispatchEvent(event) // 触发a的单击事件
    }
    image.src = this.imgSrc;
},

vue截取video视频中的某一帧

remoteCapture(){ // 远程抓拍
    var v = document.querySelector(".video");
    let canvas = document.getElementById('myCanvas');
    var ctx = canvas.getContext('2d');
    ctx.drawImage(v, 0, 0, 343, 200);
    var oGrayImg = canvas.toDataURL('image/jpeg');
    this.imgSrc = oGrayImg;
},

web端录制视频并保存本地

saveVedio(url,name){ // 保存录像
    // url--视频路径，name--文件名称
    var xhr = new XMLHttpRequest();
    console.log(xhr,'xhr');
    url = url.replace('//f.video.weibocdn.com/','/weibo/'); //跨域，替换域名
    xhr.open('GET', url, true);
    xhr.responseType = 'arraybuffer'; // 返回类型blob
    xhr.onload = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            let blob = this.response;
            let downLoadUrl = window.URL.createObjectURL(new Blob([blob], {
                type: 'video/mp4'
            }));
            let a = document.createElement('a');// 01.创建a标签
            a.download = name;// 02.给a标签的属性download设定名称
            a.href = downLoadUrl;// 03.设置下载的文件名
            a.style.display = 'none';// 04.对a标签做一个隐藏处理
            document.body.appendChild(a);// 05.向文档中添加a标签
            a.click();// 06.启动点击事件
            a.remove();// 07.下载完毕删除此标签
        };
    };
    xhr.send();
    ---------这两个都不管用----------
    var a = document.createElement('a'); //创建a
    a.href = url; //赋值 url--下载的视频
    a.download = '保存的录像.mp4'; //文件名
    a.style.display = 'none'; //隐藏
    console.log(a,'a标签');
    document.body.appendChild(a); //加入
    a.click(); //点击
    a.remove(); //删除
},

奥i是否会
迫使附件
是v