js获取图片宽高等数据

news/2024/11/16 15:54:36/

一、根据图片链接url 来获取图片宽高

getImageSize(url) {return new Promise((resolve) => {var img = document.createElement("img");img.src = url;img.onload = () => {// 为什么要写 onload  是因为要等他加载完之后才能获取到图片宽高resolve({width:img.naturalWidth,height: img.naturalHeight});   //  2064,4608};});},

二、根据file对象来获取图片宽高

          var reader = new FileReader();reader.onload = function (event) {var txt = event.target.result;var img = document.createElement("img");img.src = txt;img.onload = function () {console.log(img.width);console.log(img.height);}};reader.readAsDataURL(file);//使用


http://www.ppmy.cn/news/788613.html

相关文章

android 获取图片的真实地址

在开发中我们需要获取手机上的图片信息, 系统提供的有时候是一个可以访问展示的uri地址,但是当我们需要对图片进行一定的操作时比如 删除。这个时候去删除是无法操作的,因为系统提供的地址并不是对应图片在手机中的真实文件路径。所以需要对u…

Java获取及处理富文本图片地址

最近遇上了富文本图片与资源服务器不匹配的问题&#xff0c;百度了一些文章&#xff0c;总结的几个方法。 1、使用正则表达是获取图片地址后&#xff0c;重新组合富文本的内容 public static List<String> getImgStr(String htmlStr) {List<String> list new Ar…

获取图片地址的最后的图片名称

用正则表达式&#xff1a; var url http://www.baidu.com/path/a/b/c.png; var data url.match(/[^/](?!.*\/)/g); console.log(data); // ["c.png"]lastIndexOf&#xff1a; var url http://www.baidu.com/path/a/b/c.png; var format url .substr(url .last…

04 JS通过图片连接获取图片的尺寸大小

问题描述 项目中有这样一个需求&#xff0c;就是从后台返回了一个图片的链接&#xff0c;然后前端要将这个图片叠加到地图上。在实现这个需求的时候&#xff0c;需要获取到不同图片的尺寸大小&#xff0c;关于图片的尺寸大小后台是没有返回的&#xff0c;只有通过前端去获取&a…

小程序选择图片,获取图片临时地址

学习目标&#xff1a; 小程序选择图片&#xff0c;获取图片临时地址 学习内容&#xff1a; wx.chooseImage({count: 2, // 最多可以选择的图片数量&#xff0c;默认9sizeType: [original, compressed], // original原图&#xff0c;compressed 压缩图&#xff0c;默认皆有sour…

js获取html图片路径正则表达式,js获取图片的路径及文件名

假如网页中有一图片&#xff0c;那么如何得知该图片的路径及图片名称呢&#xff1f;请使用下面的JS代码来解决你的问题。 一、图片信息 var imgnew Image(); img.id"MyImg"; img.src"MyCamera.png"; 二、获取图片信息 ①获取图片的完整路径 alert(img.src)…

根据网络图片地址获取资源的字节流

/*** 根据地址获得数据的字节流* param strUrl 网络连接地址* return*/ private static byte[] getImageFromNetByUrl(String strUrl){try {URL url new URL(strUrl);HttpURLConnection conn (HttpURLConnection)url.openConnection();conn.setRequestMethod("GET"…

图片url地址的生成获取方法

在写博客插入图片时&#xff0c;许多时候需要提供图片的url地址。作为菜鸡的我&#xff0c;自然是一脸懵逼。那么什么是所谓的url地址呢&#xff1f;又该如何获取图片的url地址呢&#xff1f; 首先来看一下度娘对url地址的解释&#xff1a;url是统一资源定位符&#xff0c;对可…