html5 头像上传更换插件

所属分类:输入-上传

 59919  532  查看评论 (380)
html5 头像上传更换插件 ie兼容10

利用bootstrap样式排版已经点击功能,进行弹窗更换头像。modal的div中有form表单提交地址

以下方法由网友杜威提供

遇到的几个情况希望能帮助到大家,后台情况 ,1,后台先接受到form提交过来的图片,并返回json,他的sitelogo.js有ajax操作,要求返回json格式,并且有

$arr = array ('result'=>路径); 
echo json_encode($arr);

只要后台返回json格式的数据,并且里面有result 字段  路径   

{"result":"upload/1470198980a.png"}

基本上就跑通了,

Content - Disposition: form - data;
name = "avatar_data" {
    "x": 112.60000000000001,
    "y": 45.10000000000001,
    "height": 184.86043956043957,
    "width": 184.86043956043957}

在拿到提交过来的裁剪等数据到后台,php用img一系列函数裁剪保存到原路径,覆盖到开始的图片,就完成了,我是这样的思路

相关插件-上传

jquery头像上传剪裁插件cropper

cropper是一款使用简单且功能强大的图片剪裁jQuery插件
  上传
 19137  172

html5文件上传插件Pure HTML5 file upload

html5文件上传插件Pure HTML5 file upload
  上传
 21822  60

jQuery File Upload-jQuery上传插件

jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。
  上传
 721155  334

jQuery仿淘宝管理商品批量图片上传插件

jQuery淘宝上传商品图片代码,批量上传插件,(不兼容IE6,7,8)
  上传
 3117  15

讨论这个项目(380)回答他人问题或分享插件使用方法奖励jQ币

    暖心为王┮ 0
    2017/5/24 11:38:19
    功能不错,就是展示图片不好看 回复
    抹不掉?悲伤 0
    2017/5/16 14:03:59

    php 后台咋样处理

        魔盒创始人蒙浩2.2&6.7&*30
        2017/5/18 2:42:57

        php 后台咋样处理

    回复
    zhm00768814 0
    2017/5/12 9:42:32

    感谢@杜威 的指导, 现在已经会用了新人不懂得可以来问我 1459484793

    回复
    REWIND23, 0
    2017/5/12 9:08:14
    没有jq币,下载不了 回复
    soso 0
    2017/5/8 15:59:25

    好用不好用?还没下。

    回复
    费墨 0
    2017/5/8 9:38:47
    Archangel 0
    2017/5/4 16:36:06
    久居深海的鱼 0
    2017/5/3 14:39:43
    前排吃瓜的贝吉塔 0
    2017/4/28 11:41:29
     て?丝ぃ青年っ 0
    2017/4/28 11:26:18

    还要币,搞个鬼哟

    回复
取消回复