① 用户头像上传如何实现
实现用户头像上传的方法主要有三种。
首先，当用户取消操作时，可以通过发送删除图片的请求实现头像删除。
其次，一种方法是图片通过接口上传至临时目录。接口返回临时文件标识，如路径、URL或ID。在正式提交表单内容后，后端将文件移至目标位置，并运行定时脚本清理过期临时文件。此方法需后端配合，以防未登录或无限上传导致的潜在攻击，避免恶意上传占用磁盘。
另一种方法是设置表单类型为multipart/form-data。这样可以在提交表单文本信息的同时提交文件，后端一同处理。使用fetch方法发送FormData也与此相似。此方法无需后端参与。
在方法2中，如何在与后端通信前预览头像？可利用FileReader和Image类实现预览。多年前，我曾编写过一段代码：HongsCORE/hongscore-file.js。当然，无需亲自动手编写，可以使用bootstrap-fileinput组件进行预览。这类控件和组件有很多，我不是专业前端，久未接触，您可以自行搜索。
② JS上传头像图片,在电脑中可以运行,上传到服务器后不可以
查看一下 你存储【图像】这个数据 的 数据库中 字段数据。
大多数情况你这个采集回的都是 绝对路径。答也就是 C:\xxx\xxx.xx这样的文件，这样的东西服务器是不认的。
改成相对路径就可以了。比如 xx\xx.xx这样的格式。
③ Html5移动端上传图片并裁剪 - Clipic.js
Clipic.js插件可以为移动端 (仅支持移动端) 提供头像上传并裁剪成指定尺寸，用原生js开发的，轻量级，包含html跟css，不到8kb。点此链接体验： https://teojs.github.io/clipic/
https://github.com/teojs/clipic
参数说明
width:Number (默认：500) – 裁剪宽度
height:Number (默认：500) – 裁剪高度
ratio:Number (可选) – 裁剪的比例，当传入ratio时width/height将无效
src:String (必传) – 需要裁喊禅剪的图片，可以是图片链接，或者 base64
type:String (默认：jpeg) – 裁剪后图片的类型，仅支持 jpeg/png 两种
quality:Number (默认：0.9) – 压缩质量
buttonText:Array (默认：[‘取消’, ‘重置’, ‘完成’]) – 底部三郑正尘个按钮文本清型
http://bbs.itying.com/topic/5cb17892c6a71b10bcef96b0
最近在开发小程序，产品经理提了一个需求，要求微信小程序换头像，用户剪裁图片必须是圆形，也在github上看了一些例子，一般剪裁图片用的都是方形，所以自己打算写一个小组件，可以把图片剪裁成圆形，主要思路就是使用canvas绘图，把剪裁的图片绘制成圆形，另外剪裁图片的窗口还可以移动放大缩小，这个功能就用了微信组件movable-view，好了，该说的也说完了，下面咱们开始撸代码。
movable-view组件可移动的视图容器，在页面中可以拖拽滑动，会有好多个属性，在这里不一一介绍，只说我们能用到的就可以。我们用到的属性主要有：
画布。该组件是原生组件可以绘制图像，分享朋友圈生成海报就经常用到这个属性，就简单的说下：在wxml中必须要有canvas这个标签，才可以绘制图像，而且要有canvas-id属性，代表canvas组件的唯一标识符，还有许多API我就不一一介绍了，底下用的API代码当中都会用注释。详情请看微信小程序画布API传送门。
index.wxml Tip: 必须把canvas放到引入剪裁组件的wxml中，否则绘制不成功，因为canvas是原生组件脱离在 WebView 渲染流程外。
index.json引入截取图片的组件
index.js上传图片显示
接下来就是剪裁图片组件的封装，首先是页面布局，也就是clipImg.wxml
大概就是这个样子
上边的圆就是截取就是截取框。然后就是clipImg.js文件主要就是对图片截取的一些操作
到现在为止一个截取图片就完成了，可能会有些问题，比如截取的图片的框没有居中，自己可以再次封装这个组件，因为现在已经适合我们公司自己项目了。我们来预览下。另外这个组件支持双指放大截取框来截取图片，不过微信开发者工具不能展示，自己可以把代码下载下来，在自己手机上扫码查看效果。
另外我把项目放到了github上边，希望小哥哥小姐姐们多多点赞，多多支持，有什么疑问可以在github上问我，谢谢。点赞的小哥哥小姐姐最可爱，哈哈哈。。。项目地址链接描述
作者：旧巷老友 链接：imooc.com/article/25316... 来源：慕课网
⑤ JS校验是什么
JS校验:就是说如果你的操作涉及到服务器或者数据库中修改,删除,添加的动作,那么本着服务器安全的原则,你必须对客户上传的内容进行检查,确保客户上传的是可信赖,可控制,符合规范的内容,以此避免不良客户或者黑客对你的数据库和服务器数据进行窃取,篡改等违法违规的操作!
在web网站的使用中有很多地方会用到上传文件的操作啊,比如上传头像,上传报表并分析报表数据,在多商户类型的网站中,商户需要对自己的商品图片自行上传的,这些都涉及到上传文件的操作.
⑥ CSS加js怎么上传头像和身份证
fileChangeHandler:function(ele,event){ for(var i=0;i<event.target['files'].length;i++){ var tmpFormData=new FormData();
tmpFormData.append('img',event.target['files'][i]); //ajax方式提交表抄单，完袭成后执行回调函数
submitImgAjax(tmpFormData,function(data){ //回调，比如预览图片
},requestUrl,requestData);
}
}
⑦ 求一个实现头像图片编辑功能的js，类似开心网的裁切头像照片功能
这个东西很多的，给你一些资料，看看吧。
http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/comment-page-12/
http://thinhunan.cnblogs.com/archive/2006/04/01/DeveloperNotesForPrototype.html prototype
http://space.flash8.net/space/?592455/action_viewspace_itemid_357808.html prototype 分析
http://www.resizeyourimage.com/
http://www.nwhite.net/MooCrop/ 推荐，比较简单，有详细解释和使用方法
http://zeroliu.blogdriver.com/zeroliu/1212817.html
http://bbs.phpchina.com/viewthread.php?tid=49867
http://www.google.cn/search?complete=1&hl=zh-CN&newwindow=1&q=javascript+%E8%A3%81%E5%89%AA%E5%9B%BE%E7%89%87&meta=&aq=f
http://bbs.blueidea.com/thread-2801917-1-1.html
⑧ 用js做的一个下拉头像的，不知道怎么把选择的头像放入数据库里
request.form("avatarsel")后，把图片的地址存入数据库即可，显示的时候，再根据地址把图片显示出来~