在项目过程中遇到的需要上传本地文件,file的原始控件不太美观,但是这个控件和button有点不太一样, 改变这个样式的思路就是在控件外面套一层链接,然后把file控件的透明度设置为0(透明)。样式只需要对外面那层进行操作就行。 html代码: <td style="text-align: left ...
分类:
其他好文 时间:
2017-01-09 10:03:39
阅读次数:
320
在JS中,input type=file 是常用的文件上传API,但感觉W3C说的不是很清楚,同时网上的资料也比较乱。 由于做微信开发,所以网页打算尽量少用第三方库或者插件,以加快网页的加载速度。因为微信企业号本身想实现的功能也很纯粹,不需要太多乱七八糟的东西。 我这里只用了JQuery. 总结如下 ...
分类:
编程语言 时间:
2017-01-06 16:39:10
阅读次数:
355
不要采用删除当前input[type=file]这个节点,然后再重新创建dom这种方案,这样是不合理的。解释如下:input[type=file]使用的是onchange去做,onchange监听的为input的value值,只有再内容发生改变的时候去触发,而value在上传文件的时候保存的是文件的 ...
分类:
Web程序 时间:
2016-12-27 22:33:58
阅读次数:
1824
1.利用CSS穿透 常见发生场景:假如我们需要通过input,type=‘file’来上传文件,而这个input的默认样式,可以说是非常地“不人道”。所以我们希望通过一张图片,与这个input大小一样,位置一致地盖在上面。这个时候,显然,这个时候点击图片,input是不会起作用的。就是因为img隔绝 ...
分类:
其他好文 时间:
2016-12-20 23:51:40
阅读次数:
196
【自己测了下,能兼容各种浏览器,但是读取中文会出现乱码。自己的解决方法是用notepad++把txt文件编码改为utf-8(应该是和浏览器编码保持一致吧?。。)】 原文 http://blog.csdn.net/xwq1012/article/details/41941895 参考如下: http: ...
分类:
Web程序 时间:
2016-12-20 01:33:25
阅读次数:
170
思路:把所有的文件对象缓存到临时数组里,在提交的时候在从数组里面取出来。 //选择文件后处理 $("input[type='file']").change(function(event) { var $textObj = $(this).parent().find("input[type='text ...
分类:
Web程序 时间:
2016-12-15 12:10:43
阅读次数:
375
打开 codeigniter\system\libraries\Upload.php 文件 找到执行方法 $this->_file_mime_type($_file); 注释后替换成 然后控制台查看输出的 mime类型是什么 再打开 codeigniter\application\config\mi ...
分类:
Web程序 时间:
2016-12-14 18:31:00
阅读次数:
150
最近在做一个活动页面:用户上传一张图片进行缩放、旋转后点击下一步填写内容后生成图片! 做好后经过各种测试是没有问题的,基本没有什么明显BUG,流程都能走通,但是嵌入到APP后,问题就来了! 在IOS上基本还可以,在Android上有明显问题,下面就是我要讲的: 在Android中,当我们通过WebV ...
分类:
移动开发 时间:
2016-12-09 10:33:46
阅读次数:
280
一:前端页面代码 其中上面的config_user.js是用户自定义配置文件,内容如下: 二:ckeditor文件安装, 注意因为在ckeditor中已经自定义了配置文件,注意里面配置的与ckfinder文件的相对位置 三:ckfinder文件安装 需要配置上传文件的保存路径,在ckfinder文件 ...
分类:
Web程序 时间:
2016-11-30 03:10:58
阅读次数:
319
原生<input type="file" name="file" />长得太丑 提升一下颜值 ...
分类:
Web程序 时间:
2016-11-21 19:12:24
阅读次数:
214