从设备的 file.uri 为科尔多瓦项目中的画廊图像动态创建低分辨率缩略图

Posted 2023-03-15

【中文标题】从设备的 file.uri 为科尔多瓦项目中的画廊图像动态创建低分辨率缩略图

【英文标题】：Dynamically creating low resolution thumbnails from a device's file.uri for gallery images in a cordova project

【发布时间】：2014-01-17 10:50:52

【问题描述】：

我在这里可能不合时宜，但我想在尝试解决这个问题之前找出是否真的有解决这个问题的方法。

我在 ios 上使用 cordova 并访问设备的图片库，获取照片的 file.uri（根据 phongap 文档，内存消耗最少的方式），然后将其渲染为页面上大约 50 像素 x 50 像素的图像。

我遇到的问题是，一旦我在页面上加载了 4 张或更多照片，性能开始下降，关注其他表单元素变得缓慢，并且有点“生涩”。我相信这与我显然是在一个小盒子里渲染高分辨率图像有关，当你在一个页面上有多个高分辨率图像时，你会对设备的资源造成严重压力。这是在 iPhone 5 上，我想在 4s 和 4 上性能会更差。

有没有办法以编程方式创建图像的“低分辨率”版本，然后在我的页面上使用这些低分辨率图像？从理论上讲，我可以访问图像及其位置，所以我不能为了提高性能而即时转换/压缩/缩小这些图像，然后在实际图像文件的任何上传完成后丢弃这些缩略图/临时图像吗？

【问题讨论】：

看看这个 - 它应该会有所帮助...***.com/questions/2303690/…

【参考方案1】：

您可以使用 html 画布创建低分辨率图像。

【参考方案2】：

最好试试这个。

将该图片网址放入字符串中。

NSString *imgUrl=YourImageURL;

要获得低分辨率图像，您可以将出现的 1024x768 与 200x200 分开。

 NSString *strURLLowRes = [imgUrl stringByReplacingOccurrencesOfString:@"1024x768" withString:@"200x200"];

现在您可以加载低分辨率图像了。

希望对你有所帮助。