广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >微信开发中如何实现上传视频文件提示
  • 894
分享到

微信开发中如何实现上传视频文件提示

2024-04-02 19:04:59 894人浏览 安东尼
摘要

小编给大家分享一下微信开发中如何实现上传视频文件提示,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!实例如下:视频质量:低等质量,

小编给大家分享一下微信开发中如何实现上传视频文件提示,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

实例如下:

微信开发中如何实现上传视频文件提示

视频质量:低等质量,音频质量:低等质量,自定义视频尺寸:1280*720。咔咔一波操作,100.18M,这神马鬼这么巧,导出一下试试,四舍五入正好100M。上传微信试试。

文件大于100M不能上传

微信开发中如何实现上传视频文件提示

试试还真不行,要说也是,程序的规则是很严格的,要求不能大于100M,多一个bit就不行。本来想着立马交差,那就再调调!
可别看这0.18M还真不容易调,自定义里的视频参数调一下变化太大,不到50M,这质量就有点对不起老板了;可是音频参数又基本没什么影响。

视频大于25M不能上传

换个MP4格式试试,效果还可以,但是提示视频大于25M不能上传

我当时是这样想的,难道是这种mp4格式不支持,刚才还提示的是100M不能上传呢。

微信开发中如何实现上传视频文件提示

降个频率实时,效果还可以,但是提示视频大于25M不能上传

好吧,我可能是当局者迷吧,我还以为这个频率不受支持。

微信开发中如何实现上传视频文件提示

剪切下试试,效果还可以,但是提示视频大于25M不能上传

这我就纳闷了,我剪切视频,任何视频参数都没有变,应该不存在视频格式的问题,为啥刚才提示的是100M,显示死活过不了25M的坎。

微信开发中如何实现上传视频文件提示

微信你的提示逻辑是这样???

实在是搞不定了,压个包给老板发微信了,微信不支持我搞个毛线呀。

做完了回头一想,不对呀,微信你的提示逻辑不会是这样吧:

if message is 文件
  if message.size > 100M:
    alert 文件大于100M不能上传
    return;
  else if message is 视频文件
    if message.size > 25M:
      alert 视频大于25M不能上传
      return;
    else
      正常
  ...

我记得刚工作时,做表单验证有这么中情况,表单项是必填的整数。然后我们就加了三条验证规则:

  • 必填项验证

  • 数字验证

  • 整数验证

然后就是这么提示的

  • 没填,提示你必填

  • 填的非数字,提示你必须

  • 填数字填的非整数,提示你必须填整数

后来觉得一层一层玩客户不好,改了提示

  • 没填、填的非数字、填的非整数,都提示该项是整数必填项

又感觉提示错误指向不明显,就又改进了一下

  • 没填、填的非数字、填的非整数,都提示该项是整数必填项+(不能为空/不能是非数字/不能是非整数)

感觉这样还不错。

以上是“微信开发中如何实现上传视频文件提示”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网node.js频道!

--结束END--

本文标题: 微信开发中如何实现上传视频文件提示

本文链接: https://www.lsjlt.com/news/75319.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信开发中如何实现上传视频文件提示
    小编给大家分享一下微信开发中如何实现上传视频文件提示,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!实例如下:视频质量:低等质量,...
    99+
    2022-10-19
  • 微信小程序开发文件上传功能怎么实现
    这篇文章主要介绍了微信小程序开发文件上传功能怎么实现的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序开发文件上传功能怎么实现文章都会有所收获,下面我们一起来看看吧。保存图片,我认为有两处需要保存&nbs...
    99+
    2023-06-26
  • JavaScript如何实现上传文件,图片,视频功能
    这篇文章给大家分享的是有关JavaScript如何实现上传文件,图片,视频功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体代码如下所示:// 上传目标触发点&nb...
    99+
    2022-10-19
  • 微信小程序如何实现ES6Promise.all批量上传文件
    这篇文章主要介绍微信小程序如何实现ES6Promise.all批量上传文件,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!微信小程序 ES6Promise.all批量上传文件实现代码客...
    99+
    2022-10-19
  • 微信小程序开发中如何实现保存视频到系统相册
    这篇“微信小程序开发中如何实现保存视频到系统相册”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“微信小程序开发中如何实现保存视频到系统相册”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的...
    99+
    2023-06-26
  • 微信开发中如何实现提示在浏览器打开的效果
    这篇文章主要为大家展示了“微信开发中如何实现提示在浏览器打开的效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信开发中如何实现提示在浏览器打开的效果”这篇文...
    99+
    2022-10-19
  • 微信小程序如何实现文件上传、下载操作
    这篇文章将为大家详细讲解有关微信小程序如何实现文件上传、下载操作,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体如下:前面介绍了微信小程序登录API与获取用户信息操作。...
    99+
    2022-10-19
  • SpringBoot+微信小程序如何实现文件上传与下载功能
    这篇文章主要介绍SpringBoot+微信小程序如何实现文件上传与下载功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1、文件上传1.1 后端部分1.1 引入Apache Commons FIleUpload组件依...
    99+
    2023-06-29
  • 如何实现微信打开网址添加在浏览器中打开提示
    这篇文章给大家分享的是有关如何实现微信打开网址添加在浏览器中打开提示的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等。...
    99+
    2022-10-19
  • HTML5中Ajax如何实现文件上传并显示进度条
    这篇文章主要介绍HTML5中Ajax如何实现文件上传并显示进度条,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体内容如下效果图:html5上传是同步上传的方式,所以能够实现进度条的显示。1.上传文件:首先我们用aj...
    99+
    2023-06-08
  • java开发之spring webflow如何实现上传单个文件及多个文件功能
    这篇文章主要介绍java开发之spring webflow如何实现上传单个文件及多个文件功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体如下:上传单个文件准备 如果你项目中使用了spring security的...
    99+
    2023-05-30
    java spring webflow
  • 微信小程序中如何解决show内容展示以及上传文件编码问题
    这篇文章主要介绍了微信小程序中如何解决show内容展示以及上传文件编码问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。show内容展示尝试...
    99+
    2022-10-19
  • 微信二次开发中使用Java如何实现一个微信文本消息的请求与发送
    今天就跟大家聊聊有关微信二次开发中使用Java如何实现一个微信文本消息的请求与发送,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。第一步:新建包com.wtz.message.resp...
    99+
    2023-05-31
    java 二次开发
  • 微信小程序开发中如何实现input空间输入文字
    这篇“微信小程序开发中如何实现input空间输入文字”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“微信小程序开发中如何实现input空间输入文字”,小编整理了以下知识点,请大家跟着小编的步伐一...
    99+
    2023-06-26
  • 在微信公众号开发中如何实现浏览器左上角返回按钮拦截功能
    小编给大家分享一下在微信公众号开发中如何实现浏览器左上角返回按钮拦截功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!在微信公众号开发中,有时需要对浏览器左上角返回按钮进行拦截处理相关的页...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作