html5 头像上传更换插件

所属分类:输入-上传

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

相关插件-上传

zyupload四种不同的上传PHP版

PHP支持拖拽和裁剪的一款上传插件:zyupload。在js里面可以自定义高度和宽度,类型,远程上传地址等。
  上传
 19066  65

图片上传插件

图片上传插件
  上传
 36296  91

基于HTML5的jquery文件上传插件

这个插件是照着uploadify的api文档写的
  上传
 175094  280

zyupload图片上传修改版

在原zyupload基础上增加了放大,删除,目录选择功能 。上传的图片可以轮播查看, 上传图片有拖拽图片和文件功能
  上传
 13179  40

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

    givemesomemoney 0
    2018/1/16 15:56:21

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

    回复
    寂静 0
    2018/1/4 17:01:47

    java后台怎么取图片?取不到啊

    回复
    .cn 0
    2018/1/3 9:19:02

    为什么demo在保存的时候会一直报error

    回复
    SaraHsiao 0
    2018/1/2 16:46:39
    好?大,
        文艺小武0
        2018/1/4 17:09:07

        脑袋也不小啊

    回复
    冫痞。 0
    2017/12/27 10:21:23

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

    回复
    缥渺 0
    2017/12/26 10:10:56

    插件报错,却没有任何注释,没有人回答,最好不要下这个插件

        .cn0
        2018/1/3 9:59:57

        问题解决了吗?是不是跨域的问题?

    回复
    缥渺 0
    2017/12/25 18:17:59

    我也是,每次保存都报"parsererror",现在在看源代码

    回复
    Libra 0
    2017/12/25 17:54:47
    ヤ╉??ㄣ 0
    2017/12/22 11:08:51
    诚如神之所说 0
    2017/12/22 10:29:42
取消回复