小程序 | 保存图片时处理名称的细节（时间戳+后缀名）

云开发为开发者提供了很多方便，一次使用云开发上传图片到云数据库过程中，发现了处理图片名称的需求。

之前我都是使用 JS 中的 splice() 方法处理图片字符串的，但有时后数值设置不当会造成比较严重的后果，比如图片后缀名缺失得到空文件。

为了解决“时间戳+后缀名”的需求，我后来改用了 JS 中的 split() 方法处理，主要思路如下：

首先，根据时间函数获取时间戳
其次，采用split(".")将图片原始字符串按照“.”分隔开
最后，获取数组最后一个元素即为后缀名，将时间戳和后缀名拼接完成

总览在图片中↓↓↓

下方有注释↓↓↓

// 定义原始图片路径（字符串格式）
var strName = "http://tmp/arBtm56T07xUfce8159c549f792703a7514edd74a0f6.jpg"// 分割I——按字符分割
strName.split("")
(59) ["h", "t", "t", "p", ":", "/", "/", "t", "m", "p", "/", "a", "r", "B", "t", "m", "5", "6", "T", "0", "7", "x", "U", "f", "c", "e", "8", "1", "5", "9", "c", "5", "4", "9", "f", "7", "9", "2", "7", "0", "3", "a", "7", "5", "1", "4", "e", "d", "d", "7", "4", "a", "0", "f", "6", ".", "j", "p", "g"]// 分割II——按空格分割
strName.split(" ")
["http://tmp/arBtm56T07xUfce8159c549f792703a7514edd74a0f6.jpg"]// 分割III——按小数点分割
strName.split(".")
(2) ["http://tmp/arBtm56T07xUfce8159c549f792703a7514edd74a0f6", "jpg"]// JS不支持Python中获取最后一个元素的语法
strName.split(".")[-1]
undefined// 使用args[args.length - 1]获取JS中数组最后一个元素
strName.split(".")[strName.split(".").length - 1]
"jpg"// 拼接
console.log("1615790086189" + "." + strName.split(".")[strName.split(".").length - 1])
1615790086189.jpg

小程序 | 保存图片时处理名称的细节（时间戳+后缀名）相关推荐

微信小程序保存图片拒绝授权后的操作
这个地方还是有些困惑人的,拒绝了保存图片的授权,处理不好再次保存图片的时候就没有反应了,还是很急人的,那么我们来记录一下这个地方. 大家都知道,微信小程序保存图片等都需要获取相对应的权限才可以进行接下 ...
小程序如何显示群名称？
今年 5 月份的时候,微信宣布:「为了更好的针对群场景提供个性化服务,当用户在群聊中点击小程序分享卡片时,小程序支持开发者获取群 ID 和群名称」.但随后没多久,发现小程序只返回了群 ID,并没有给我 ...
小程序可以显示群名称啦！
今年 5 月份的时候,微信宣布:「为了更好的针对群场景提供个性化服务,当用户在群聊中点击小程序分享卡片时,小程序支持开发者获取群 ID 和群名称」.但随后没多久,发现小程序只返回了群 ID,并没有给我 ...
微信小程序保存图片到相册；uni-app小程序保存网络图片到相册；小程序保存图片到相册拒绝授权后重新拉起授权；保存图片到系统相册；小程序保存图片测试可以，真机保存图片失败
文末代码可以直接复制使用,图片修改成你的图片路径即可一.场景: 小程序点击按钮,保存项目内的静态图片或者微信头像或者后端返回的图片: 二.注意点及思路拆分: –2.1:小程序保存图片功能,必须要有s ...
微信小程序--保存图片到相册失败：saveImageToPhotosAlbum:fail auth deny
@wx.saveImageToPhotosAlbum 微信小程序–保存图片到相册失败:saveImageToPhotosAlbum:fail auth deny 是否授权了保存功能 wx.openS ...
微信小程序保存图片到相册步骤
/*** @description 图片长按调起菜单弹窗*/ imgLongTap(row) {console.log('图片长按', row)/* #ifdef MP-WEIXIN */uni.s ...
（转）微信小程序保存图片到相册
这篇文章主要为大家详细介绍了微信小程序保存图片到相册权限设置,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下微信小程序保存图片到相册可以分成两种:一种是保存网络图片,一 ...
微信小程序-删除时提示是否确定删除
微信小程序-删除时提示是否确定删除效果代码 wx.showModal({content: '确定要删除吗?',success: function (sm) {if (sm.confirm) {// ...
服务商模式下微信小程序支付时，一直报“支付验证签名失败”错误的解决办法
在写小程序支付的时候,我是以服务商模式发起的支付,统一下单接口是调用成功的,但是在小程序调起支付的时候就报"支付验证签名失败"的错误. 主要有三个原因: 1.第二次签名用到的tim ...

小程序 | 保存图片时处理名称的细节（时间戳+后缀名）

小程序 | 保存图片时处理名称的细节（时间戳+后缀名）相关推荐

最新文章

热门文章