微信上传视频文件提示(推荐)


Posted in Javascript onNovember 22, 2018

晚上要下班了老板发来一个任务:把一个300M左右的视频压缩到100M以内,以便在微信上发送。这倒不是难事,狸窝咱又不是没用过,开搞!!!

就是这么邪气,恰好100.18M

微信上传视频文件提示(推荐)

视频质量:低等质量,音频质量:低等质量,自定义视频尺寸: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
      正常
  ...

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

  • 必填项验证
  • 数字验证
  • 整数验证

然后就是这么提示的

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

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

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

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

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

感觉这样还不错。

你觉得微信的这个提示坑不坑,还是我太笨?

总结

以上所述是小编给大家介绍的微信上传视频文件提示 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 操作Word和Excel的实现代码
Oct 26 Javascript
基于jquery的direction图片渐变动画效果
May 24 Javascript
Javascript call和apply区别及使用方法
Nov 14 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
Mar 06 Javascript
浅析Ajax语法
Dec 05 Javascript
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
在Vue组件中使用 TypeScript的方法
Feb 28 Javascript
如何将百度地图包装成Vue的组件的方法步骤
Feb 12 Javascript
记一次vue-webpack项目优化实践详解
Feb 17 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
element-ui table组件如何使用render属性的实现
Nov 04 Javascript
JavaScript数组排序小程序实现解析
Jan 13 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 #Javascript
详解三种方式解决vue中v-html元素中标签样式
Nov 22 #Javascript
详解Vue组件之作用域插槽
Nov 22 #Javascript
详解vue中localStorage的使用方法
Nov 22 #Javascript
微信小程序功能之全屏滚动效果的实现代码
Nov 22 #Javascript
layer弹出子iframe层父子页面传值的实现方法
Nov 22 #Javascript
js操作table中tr的顺序实现上移下移一行的效果
Nov 22 #Javascript
You might like
php绝对路径与相对路径之间关系的的分析
2010/03/03 PHP
DedeCMS 核心类TypeLink.class.php摘要笔记
2010/04/07 PHP
PHP测试程序运行时间的类
2012/02/05 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
thinkphp中U方法按路由规则生成url的方法
2018/03/12 PHP
laravel model模型定义实现开启自动管理时间created_at,updated_at
2019/10/17 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
jquery实现奇偶行赋值不同css值
2012/02/17 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
js动态修改整个页面样式达到换肤效果
2014/05/23 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
2016/09/03 Javascript
利用Node.JS实现邮件发送功能
2016/10/21 Javascript
Vue.js 2.0中select级联下拉框实例
2017/03/06 Javascript
Vue.js用法详解
2017/11/13 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
2018/11/28 Javascript
jquery+css实现Tab栏切换的代码实例
2019/05/14 jQuery
独立部署小程序基于nodejs的服务器过程详解
2019/06/24 NodeJs
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
深入理解Python3中的http.client模块
2017/03/29 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
Flask核心机制之上下文源码剖析
2018/12/25 Python
Python自动化导出zabbix数据并发邮件脚本
2019/08/16 Python
Keras实现支持masking的Flatten层代码
2020/06/16 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
Python pickle模块常用方法代码实例
2020/10/10 Python
python中delattr删除对象方法的代码分析
2020/12/15 Python
谈一谈HTML5本地存储技术
2016/03/02 HTML / CSS
美国购买新书和二手书网站:Better World Books
2018/10/31 全球购物
印尼极简主义和实惠的在线家具店:Fabelio
2019/03/27 全球购物
英国Radley包德国官网:Radley London德国
2019/11/18 全球购物
高级3D打印市场:Gambody
2019/12/26 全球购物
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
志愿者服务感言
2014/02/27 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
《观察物体》教学反思
2016/02/17 职场文书