coder之家-CSDN博客

原创关于WIN10 input type="file"无法触发change问题

一般逻辑，显示一个按钮，click事件触发input type="file"弹出，input type="file"绑定change事件，但是发现当file上面添加display:none时，打死都触发不了change事件，后来强行把input隐藏掉，就好了，当前环境：WIN10（非常不错的系统--我去年买了个表，点了上传，要等半天才弹出文件上传框，除非用flash）。

2017-07-14 16:33:46 1152

原创关于android studio 2.3 apk打包

最近使用android studio开发app，开发的时候没有任何问题，apk自动安装到真机一点毛病都没有，后来将apk发给别人时，可以顺利安装，但是点开应用就闪退，截取的一段报错信息: nativeLibraryDirectories=[/data/app-lib/com.oneym.yodak.ladybreast-2, /vendor/lib, /system/lib]]]将这个ap

2017-07-03 09:26:58 364

原创关于前端js文件校验

以前写的文件上传插件都是通过file.type来和事先写好的文件类型对比，上次用到这个插件的时候上传.zip和.rar突然提示“文件类型不正确”，很是郁闷。后来发现在开发的时候是chrome 57.xx，而测试的时候是chrome 58.xx，在chrome 58.xx中如果上传.zip或者.rar，结果file.type是空，没办法只能用正则判断，有兴趣的可以测验一下。

2017-07-03 09:20:26 954

原创 cordova-plugin-geolocation遇到的坑

最近用cordova-plugin-geolocation开发高德地图，遇到的一些坑分享一下。开发环境：360奇酷手机、cordova 7、vue在cordova官网找到这个插件的时候特别兴奋，等实际用的时候，妹的，感觉对安卓机特别不友好，首先总是请求超时，报{code : 3}。（1）后面设置手机辅助功能的时候下了个google全家桶，然后开通gps定位，

2017-06-29 15:42:51 1860

原创文件上传之图片裁剪

前面两章已经介绍了文件上传的进度条与文件切片，本章讲讲图片裁剪。在实际项目中，会遇到图片固定宽度和高度，作为一个开发者，我们不会要求用户上传的图片尺寸正好符合要求，那么只能用裁剪来解决。所谓裁剪，就是把一张图片放到框中，通过裁剪区域来获取最终需要的图片。进入正题，首先介绍下html结构：上传图片首先需要预览，FileReader的readAsDataUR

2017-05-04 12:53:34 937

原创文件上传之切片

今天主要讲讲文件切片，主要在上传大文件的时候需要用到，你想想，上传一个几百兆的大视频，但网络带宽又特别感人，一个不小心就报错造成上传失败，那是什么感受...进入正题，选择文件后，点击“确定”，首先计算出文件总大小，然后需要做什么呢，你需要告诉服务器这个大文件被切成了多少片，还得在每次上传的时候告诉它当前是第几片。最好加一个Date.now()，不然大家同时上传一个1.jpg，一到服务器就重名了

2017-05-03 09:04:46 8494

原创文件上传之进度条与图片类型检测

今天要与大家分享的是文件上传功能。其实上传文件没什么难得，只需要一个form表单，里面装一个input type=file即可，上传了文件，提交form就搞定，但这样的效果估计也仅仅在自己学习或测试的时候敢用，敢问现在哪个网站还敢把这么“清新脱俗”的上传效果放上去，那不得被吐槽致死。进入重点，先说说文件上传进度条，最开始设计这个插件的时候，在网上找过，说用jquery提供的xhr能实现，当

2017-05-02 12:45:14 1448

原创关于js事件冒泡之transitionend

今天在写一个小页面的时候，为了让form组件好看一点，特意添加了border过渡效果，代码如下：代码很简单，就是hover时，会有颜色过渡，其实这没有什么问题，但是这个dom的顶层dom也添加了transitionend事件，结果就悲剧了，多说无益，上图：html：js：自己封装的js方法：该方法原理：trigger('show')去掉.hide，然后opa

2017-05-01 09:57:58 2402

qq_37067705的博客