• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
逍遥汉
博客园    首页    新随笔    联系   管理    订阅  订阅

根据URL获取图片或视频的宽高

1,获取图片的宽高

   getImageWidth(url) {
      //  图片的宽高
      const that = this;
      return new Promise((resolve, reject) => {
        let img = new Image();
        img.src = url;
        img.onload = function (image) {
          resolve({ width: img.width, height: img.height });
        };
      });
    }

2,获取视频的宽高

 

    getVideoWidth(fileUrl) {
      const that = this;
      return new Promise((resolve, reject) => {
        let aspectRatio = null;
        let url = fileUrl;
        const newvideoUrl = url;
        const videoObj = document.createElement("video");
        videoObj.preload = "metadata";
        videoObj.src = newvideoUrl;
        videoObj.onloadedmetadata = function (evt) {
          URL.revokeObjectURL(newvideoUrl);
          let videoTime = videoObj.duration; // 获取视频的时长
          let width = videoObj.videoWidth; //获取视频的宽
          let height = videoObj.videoHeight; //获取视频的高
          resolve({ width, height });
        };
      });
    }

 

时间如白驹过隙,忽然而已,且行且珍惜......
posted @ 2022-06-22 17:38  unfetteredman  阅读(625)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3