小程序是否可以智能识别图片的日期

小程序是否可以智能识别图片的日期,第1张

如果是单纯地使用uniapp做app或者h5开发,可以直接在上传的时候 uni.chooseImage 获取到图片的最后修改日期,那么可以使用其作为拍摄日期。

但是,一切的一切都源于微信仿茄小程序的接口封装,使得不得不写两套。

这就不得不提到照片的exif了,可交换图像文件格式(英语:Exchangeable image file format,官方简称Exif,(https://blog.csdn.net/weixin_44350337/article/details/109558492 可以看看这篇文章,很长),好在我除了是个程序员,还是个摄影师。简单来说就是记录照片的一些信息的一种信息格式。

在各个论坛找了一圈后,试了很多种方式,都不行,后来,师傅给了一个连接让我试试,还是没成功,我就拿出我单反拍的原生照片去试,一下子就可以了,ohhhh。

有几个坑:

1、微信 qq发送到手机的图片会压缩陆大绝 丢失exif信息

2、可以使用小程序,exif查看器,先试试看,该照片有没有exif信息再去快乐debugger

3、微信小程序没有dom,没有早姿window。

不bb,上代码:

有个东西要引入(实例放最后,欢迎star,嘻嘻):

在这里插入图片描述

然后使用:

var myexif = require('./myexif.js')

click() {

const that = this

uni.chooseImage({

sizeType: ['original'],

success: e =>{

var array = wx.getFileSystemManager().readFileSync(e.tempFilePaths[0])

var r = myexif.handleBinaryFile(array)

console.log(r)

if (r &&r.data) {

this.shootTime =

r.data.DateTime.split(' ')[0]

.split(':')

.join('-') +

' ' +

r.data.DateTime.split(' ')[1]

}

// 这里的r的data里面就是exif信息了

// console.log(e)

}

})

},

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

在这里插入图片描述

源码:https://github.com/zhizhilong/wx-exif

获取当前时间

首先,在要获取时间的.js文件中加载util.js文件

然后在onload方法中,调用util.js中的formatTime方法获取当前时间

//获取当前时间

//

调用函数时,传入new

Date()参数,返回值是日期和时间

var

TIME

=

util.formatTime(new

Date())

this.setData({

time:

TIME,

})

这样就获虚历取到了当前时间,但是我们发现在util.js中并没有获取当前日期的敬誉则方法。

没事,别慌!

这个时候我们去看下util.js中获取当前时间的方法formatTime(),里面的方法写的特别容易理解,我们可以模仿这个方法写一个formatDate()方法。

看到那个小箭头了吗,你可以随便设置,我这样子设置后就是

2018-7-16

这样的效果。

到了这里,还差最后一步,如图

在module.exports中一定要加上你写的方法,否则程序会报错说找不定formatDate这个方法。

加好了之后,就能成功在onload中调用这个方法获取日期了。

//获取当前亮棚日期

var

DATE

=

util.formatDate(new

Date())

this.setData({

date:

DATE,

})

以上所述是小编给大家介绍的微信小程序获取当前时间及日期的方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:微信小程序中时间戳和日期的相互转换问题微信小程序日期时间选择器使用方法微信小程序使用picker实现时间和日期选择框功能【附源码下载】微信小程序

滚动选择器(时间日期)详解及实例代码微信小程序之picker日期和时间选择器微信小程序

选择器(时间,日期,地区)实例详解

由于是用uniapp写的,所以在网页上也可以用,先上预历携览图

主要功能:

css样式原理如下,红色框为用户敬基视图。拖拉的时候改变left数值就可以了。

小tips:

当宽度为自适应,不知道具体数值,而需要用宽度计算时,可以肢稿伏用 padding-bottom 。这样我们就可以一行放下七个圆形了。

所有css如下:

数字偏上是预留位置给当天的状态显示。

功能与解释都在注释中写明。

好了,基本上就这些。感觉js写的有点笨。如果有不懂的 或者 有更好的方法请在评论区告诉我,谢谢!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12526646.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存