html5 头像上传更换插件

所属分类:输入-上传

 73458  625  查看评论 (424)
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多图上传图片上传精简版

配置简单功能强大支持进度条限制上传类型文件大小文件数量轻松配置后端值需要写个接口接收文件返回指定信息便可轻松搞定。
  上传
 7463  26

js上传图片预览

js上传图片本地预览
  上传
 48730  189

图片上传插件

图片上传插件
  上传
 32211  86

jQuery文件上传

这是一个文件上传的展示,看很多插件,并不满意就自己写了一个,可能兼容性不是很好,没有准确进行测试过,还请各位不吝赐教
  上传
 23445  64

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

    糖糖 0
    2017/9/12 19:59:08

    为什么保存修改一直显示error

    回复
    路西法 0
    2017/9/7 10:05:12

    没有jq币,想要一份,求大神发一份,万分感谢 164990359@qq.com

    回复
    无影灯下的影子 0
    2017/8/31 16:57:51

    没有jq币,求大神发一份,万分感谢 1091140360@qq.com

        寝室长0
        2017/9/6 16:15:55

        我也没有jq币,同求

    回复
    神奇宝贝 0
    2017/8/24 18:12:25

    裁切的比例如何修改

    回复
    慢几拍的安 0
    2017/8/21 10:32:56
    手机端怎么样?
        Cn0
        2017/8/21 14:10:18
        试了没,咋样?
    回复
    骚男?? 0
    2017/8/16 15:18:52

    可以给我发一下嘛  2386524468@qq.com

    回复
    (づ ●─● )づ 0
    2017/8/14 16:39:30
    0
    2017/8/11 15:07:09

    感觉还可以

        exception__err0
        2017/9/10 18:44:29

        我也没有jq币,可以发分我吗

    回复
    Shine―Wu 0
    2017/8/11 11:41:44
    小安 0
    2017/8/10 16:04:54
取消回复