通过url获取图片的宽高以及存储大小

因为后端不能给图片的信息 只能自己去写,通过url来获取图片的宽高 以及存储大小
通过翻阅一些资料只能做到这样了

 var img_url = url
 var img = new Image()
img.src = img_url          
img.onload=()=>{
 var widthHeight=img.width+"x"+img.height                      
var canvas = document.createElement("canvas");                  
var ctx = canvas.getContext('2d');                  
canvas.width = img.width;                  
canvas.height = img.height;                  
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
 canvas.toBlob(res1=>{
 console.log(res1.size);//图片真实存储大小      
 console.log(res1.type);                      
this.size1=res1.size                      
// console.log(this.size1)                      
this.type1=res1.type                                       
},this.type1,1)}
MongoDB 是一个基于分布式文件存储的数据库,它通常用于存储大量的非关系型数据,如文档、图片、视频等。在 MongoDB 中存储图片,通常会将图片以二进制形式(BSON 二进制格式)存储在 GridFS 中。GridFS 是 MongoDB 的一个子系统,用于存储和检索那些超过16MB大小的文件(MongoDB 默认的文档大小限制为16MB)。 为了构造图片的返回 URL,你需要进行以下几步: 1. 将图片上传到 GridFS:你可以使用 MongoDB 的驱动程序提供的 API 来上传文件。上传后,GridFS 会把文件分成多个部分存储在名为 `chunks` 的集合中,同时在名为 `files` 的集合中存储关于每个文件的元数据。 2. 获取文件信息:上传文件后,你需要从 `files` 集合中获取文件的 ID 或者其他标识信息,这个信息将用于构建返回图片URL。 3. 构造 URL:MongoDB 本身并不直接提供 Web 服务,因此你需要使用一个中间件或者自己搭建一个 Web 服务器来处理图片的请求。URL 的构造会依赖于你的应用服务器配置,例如,如果你使用的是 Node.js 的 express 和 mongoose,你可能会有一个像这样的路由: ```javascript app.get('/images/:filename', function(req, res) { const filename = req.params.filename; // 通过文件名查询 GridFS 的 files 集合来获取文件信息 // ... // 然后从 chunks 集合中获取文件的二进制数据并返回给客户端 // ... }); ``` 返回的 URL 可能类似于这样: ``` http://yourserver.com/images/yourfileid ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值