重构项目时发现有的时候需要弹出提示,比如登录成功,数据请求失败,还有选择相机或者相册来上传头像等等。 今天就自己写了一个弹出框,采用的是系统的UIAlertController,只不过自己有定义了一些事件点击的方法,使用时可以直接输入提示的内容还有提供的选项以及点击选项时的事件。 使用方法: 先导头 ...
分类:
移动开发 时间:
2017-03-15 18:50:07
阅读次数:
216
问题:上传头像成功后,头像的url没变,加载头像时还是从缓存中根据url加载以前的图片。 这个问题,很多人遇到过。也受到很多同行的启发。 图片url不变,感觉不是很合理,这样会把缓存搞乱。 但是,作为程序员,我还是得好好想想改怎么解决这个问题。 1.既然是缓存引起的问题,那我首先考虑的是清除缓存。 ...
分类:
Web程序 时间:
2017-02-22 16:59:02
阅读次数:
259
最新在家一个商城,其中有一个内容是用户上传头像,首先尝试的是异步请求, 让用户截取的头像图片传经过后台,后台返回图片的地址,成功了。当我刷新 页面时,发现之前的效果丢了,变成默认值。以前是什么问题?后面想到http 协议的无状态,就在页面初始化的时候给了图片路径值,终于解决了这个问题。 同时也加上了 ...
分类:
Web程序 时间:
2017-02-21 01:12:01
阅读次数:
194
1.页面首先引入jquery,版本不要低于1.6 2.其次页面引入对应的这个五个js,按顺序放置 3.html结构如下: 上传头像: 重新上传 这个样式是这样的:4.css样式如下:如有些结构和样式不一致的,希望自己调整一下 /*上传图片*/.control-gr... ...
分类:
Web程序 时间:
2017-02-10 20:31:07
阅读次数:
1036
之前我已经做过一个利用cropper裁剪并且制作头像的功能。如何在mui app中实现相册或相机获取图片后裁剪做头像请看另一篇博客:mui开发app之cropper裁剪后上传头像的实现 但是当时裁剪后图片是保存为base64格式的,这是h5 canvas建议使用的图片传输方式。 很多时候很多api, ...
分类:
移动开发 时间:
2017-01-27 13:38:26
阅读次数:
2582
在大多数app项目中,都需要对用户头像的上传,之前做web开发的时候,我主要是通过input type=file的标签实现的,上传后,使用php对图片进行裁剪,这种方式比较传统简单。 此次app开发中我需要做到用户选择本地相册或者进行拍照,对照片进行裁剪,最后更新本地头像和服务器端的图片 我将要结合 ...
分类:
移动开发 时间:
2017-01-20 16:18:41
阅读次数:
1890
近期在做项目中的个人中心的一些事情,用户头像上传,下载,本地缓存,二级缓存,压缩,这些都要做,麻雀虽小五脏俱全啊,也是写的浑浑噩噩的, 当我们在上传用户头像的时候,向服务端发送上传头像请求之前,一般都会做一次验证,向服务端获取token验证信息,来确保非法上传,如果不做这个那么会有非法用户上传非法图 ...
分类:
编程语言 时间:
2017-01-16 22:46:13
阅读次数:
371
这次来讲怎么来用代码完成头像更换 在上篇博客中也说了图片上传,但选择文件的之后,在网页上并没有显示这张图片,如果是要做头像的话,最好有头像预览 就像平时我们换QQ头像那样,一点图片就会出来文件预览,然后再选择一张图片,点击,页面就会换成你刚刚点击的那张图片 来看一下做法,先说第一个页面 运行后 点击 ...
分类:
Web程序 时间:
2017-01-15 00:35:11
阅读次数:
260
具有播放视频,拖拽,自定义右键菜单,上传头像的功能 <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>my videoPodcast</title> <style type="text/css"> *{ marg ...
分类:
Web程序 时间:
2017-01-10 21:08:58
阅读次数:
270
<div class="inputFileWrapper"> <label for="inputFile"> <input type="file" id="inputFile"/> <span class="custorm-style"> <span class="left-button">上传头像 ...
分类:
其他好文 时间:
2017-01-09 11:04:13
阅读次数:
178