在说上传之前先说说如何替换or美化浏览器自带的简陋上传按钮(自定义自己的上传按钮 如:img): 1.将自定义上传按钮上方添加 input file 框,实现input实现透明处理。 2.对自定义上传按钮添加事件。隐藏真正input框。用事件来触发: function imgBtn(){ retur ...
分类:
Web程序 时间:
2018-06-06 21:34:29
阅读次数:
151
我们4月27号从4.0.1升级到4.0.2后,IDE本地预览get请求不到数据。但是在线打包安装到手机又是正常的。先下载 “uexXmlHttpMgr.rar”,下载链接:http://bbs.appcan.cn/forum.php?mod=attachment&aid=MjU5Nzd8MDUwYm... ...
分类:
移动开发 时间:
2017-12-31 00:39:54
阅读次数:
435
项目中遇到上传图片,需要本地预览效果,测试时无意间发现,当选择A图片,然后更换为B图片,完全正常;当选择A图片,取消该图片,再测选择A图片后,发现不会再生成预览效果,出现了bug; 查找相关资料后,终于找到了两个解决办法; 方法一:来回切换input[type='file']的type属性值,可以是 ...
分类:
Web程序 时间:
2017-11-02 13:18:06
阅读次数:
265
问题来啦 运行npm run dev以开发模式打开调试好了你的案例程序;你还不满足于仅仅把代码放在github上,想直接能把案例效果build版本的代码在本地预览或者放在你的个人博客上供大家直接看效果学习。 这时如果直接运行npn run build是可以运行并打包你的代码的,不会报任何异常或错误, ...
分类:
其他好文 时间:
2017-09-30 15:02:40
阅读次数:
202
onload与complete介绍 complete只是HTMLImageElement对象的一个属性,可以判断图片加载完成,不管图片是不是有缓存;而onload则是这个Image对象的load事件回调,当图片加载完成后执行onload绑定的函数。 给下面一个例子,解释下: 打印结果:第一次点击,谷 ...
分类:
其他好文 时间:
2017-08-04 10:01:56
阅读次数:
309
第一次写头像裁剪上传,原本想着直接本地预览裁剪再上传,可是时间有限,jquery.jcrop貌似并没有对 假设是ie下图片预览效果是滤镜做的 做出对应处理,也没有时间去改;仅仅好将就一下先把图片上传上去再预览 1.先看一下我引入的js <script src="${adminBasePath}res ...
分类:
编程语言 时间:
2017-08-03 09:57:46
阅读次数:
296
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>文件上传</title> <script src="jQuery.js"></script> <style type="text/css"> #file{ display: block ...
分类:
Web程序 时间:
2017-07-14 00:31:51
阅读次数:
277
HTML5之FileReader的使用 HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单,可以按照如下步骤创建FileReader对象并调用其方法 ...
分类:
Web程序 时间:
2017-07-13 10:44:37
阅读次数:
207
前段时间遇到一个问题,前端想实现图片上传预览(不经过后端PHP或JAVA处理),用户点击file按钮上传文件,点击确定马上就能看到预览的效果,但在实现的时候无论怎样都取不到file上图片的真实路径,得到的反而是C:\fakepath\a.jpg,这个路径是错误的。百度之后得到说浏览器基于保护用户的相 ...
分类:
Web程序 时间:
2017-04-28 14:00:06
阅读次数:
263
atitit.ajax上传文件的实现原理 与设计 1. 上传文件的三大难题 1 1.1. 本地预览 1 1.2. 无刷新 1 1.3. 进度显示 1 2. 传统的html4 + ajax 是无法直接实现上传文件 1 2.1. 传统的实现方式iframe 2 2.2. html5转码base64 3 ...
分类:
Web程序 时间:
2017-04-15 20:01:18
阅读次数:
248