众所周知JavaScript在设计上处于安全角度考虑，是不允许读写本地文件的（原因请自行百度）； 但是在实际项目应用中，经常会使用到上传图片，并且可以让用户直接预览图片。对于此种做法有两种方法可以实现：一是前后台交互，后台将图片地址返回前端； 二是，我今天写的内容，使用FileReader对象——允 ...
分类：
Web程序 时间：
2017-11-07 16:25:12
阅读次数：
240
在一次的项目中，需要用户上传图片，目前市场随便一个手机拍出来的照片都是好几兆，直接上传特别占用带宽，影响用户体验，所以要求对用户上传图片进行压缩后再上传；那么前端怎么实现这个功能呢？ 亲测可将4M图片压缩至100kb左右，代码如下： CSS样式如下（形成图片预览效果）： 其原理是通过canvas结合 ...
分类：
其他好文 时间：
2017-11-06 11:24:49
阅读次数：
226
项目中遇到上传图片，需要本地预览效果，测试时无意间发现，当选择A图片，然后更换为B图片，完全正常；当选择A图片，取消该图片，再测选择A图片后，发现不会再生成预览效果，出现了bug； 查找相关资料后，终于找到了两个解决办法； 方法一：来回切换input[type='file']的type属性值，可以是 ...
分类：
Web程序 时间：
2017-11-02 13:18:06
阅读次数：
265
js代码： <script type="text/javascript"> //下面用于图片上传预览功能 function setImagePreview() { var docObj = document.getElementById("fileImg"); var imgObjPreview = ...
jquery实现上传图片及图片大小验证、图片预览效果代码 jquery实现上传图片及图片大小验证、图片预览效果代码 上传图片验证 */ function submit_upload_picture(){ var file = $('file_c').value; if(!/.(gif|jpg|jpe ...
分类：
Web程序 时间：
2017-09-19 17:52:16
阅读次数：
267
为什么要用原生的呢？ 1、目的 原生出现浏览器兼容性问题 极少，不用测试多浏览兼容性 。需要考虑到市面上的其他垃圾浏览器。 2、性能不好 如果不考虑第一条 你可以换一种方式 直接上代码 .aspx页面 后台.cs代码 预览效果 ...
分类：
Web程序 时间：
2017-09-02 09:38:47
阅读次数：
202
本文转自：http://blog.csdn.net/swust_chenpeng/article/details/19967501 我将原文的控件进行了一些修改，去掉了原来控件的外边框，只留下重要的遮罩、背景和滑块。并且可以在布局文件中预览（预览效果不是太好，凑合看看还可以）。自己修改了下监听器，增 ...
分类：
移动开发 时间：
2017-08-22 18:43:40
阅读次数：
250
第一次写头像裁剪上传,原本想着直接本地预览裁剪再上传,可是时间有限,jquery.jcrop貌似并没有对 假设是ie下图片预览效果是滤镜做的 做出对应处理,也没有时间去改;仅仅好将就一下先把图片上传上去再预览 1.先看一下我引入的js <script src="${adminBasePath}res ...
分类：
编程语言 时间：
2017-08-03 09:57:46
阅读次数：
296
管理员界面 用例 1.标题：管理用户发布与与评论 2.角色：管理员 成功场景： 打开hunger-killer软件，通过管理员身份验证后，进入管理员操作页面。他点击了“发布活动信息”，进入发布活动页面。首先选择目标商户，添加照片，菜品信息，是否其置为首页顶部等操作。页面编辑完毕后，有一个预览效果按钮 ...
分类：
其他好文 时间：
2017-07-20 15:16:28
阅读次数：
207
管理员界面 用例 1.标题：管理用户发布与与评论 2.角色：管理员 成功场景： 打开hunger-killer软件，通过管理员身份验证后，进入管理员操作页面。他点击了“发布活动信息”，进入发布活动页面。首先选择目标商户，添加照片，菜品信息，是否其置为首页顶部等操作。页面编辑完毕后，有一个预览效果按钮 ...
分类：
其他好文 时间：
2017-07-12 00:57:58
阅读次数：
246
