html5 头像上传更换插件

所属分类:输入-上传

 102320  792  查看评论 (494)
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一系列函数裁剪保存到原路径,覆盖到开始的图片,就完成了,我是这样的思路

相关插件-上传

上传图片-可裁剪

上传图片可裁剪
  上传
 70830  87

zyupload图片上传修改版V2.0

在原zyupload基础上增加了放大,删除,目录选择功能 。同时修改了原作者中的删除图片后该图片不能再次上传的BUG
  上传
 4838  25

兼容所有浏览器的多图上传预览(原创)

兼容所有浏览器的多图上传预览兼容IE 789.在一个界面上展示到固定标签业务场景:答题添加图片匹配题目一个选项一个题目
  上传
 22554  161

html5 头像上传更换插件

html5 头像上传、更换、剪切插件
  上传
 102321  792

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

    a呸 0
    2018/6/8 14:12:39
    哪位大神下载了,可以分享下么,谢谢!邮箱 cherrylhh@163.com 回复
    eyes 0
    2018/5/22 19:25:03
    为什么demo在保存的时候会一直报error
        ?????染枫?????0
        2018/5/24 11:32:25
        应该是demo没有后台接收数据
    回复
    nickldy 0
    2018/5/3 9:43:57
    这个插件看着挺强大的但是实际应用中经常出错不知道是我们的引入方式不对吗?还是本事有问题? 回复
    森七 0
    2018/4/9 16:08:05
    我的一直都是err
        Steve.R0
        2018/4/24 11:08:50
        解决了吗?我也是一直不能提交表单到后台
    回复
    天?、酬? 0
    2018/4/9 14:02:34
    一个页面怎么弄多个上传图片的控件? 回复
    配角的主戏、 0
    2018/3/27 10:26:15
    没有JQ,有没有哪位大佬能分享下的啊 1404860550@qq.com 万分感谢!!! 回复
    he's gone 0
    2018/3/12 8:36:12
    非常好用 哈哈哈
        Steve.R0
        2018/3/12 11:13:49
        你好,可以发一份给我吗?谢谢你了!邮箱steve.rzh@gmail.com
        我会想念。0
        2018/3/14 14:37:02
        from表单提交后 文件传不到后台 你们可以吗
        si0
        2018/3/20 12:18:06
        能发一份给我不
        配角的主戏、0
        2018/3/26 17:12:47
        兄弟,分享下可以不?
    回复
    张成波 0
    2018/3/11 1:04:36
    有没有后台PHP程序 回复
    lytech 0
    2018/3/8 14:27:28
    插件怎么调用? 回复
    熘.(?? . ??) 0
    2018/3/3 17:02:15
取消回复