基于amazeui头像上传

所属分类:输入-上传

 12043  86  查看评论 (39)
基于amazeui头像上传 ie兼容10

更新时间:2017/4/18 下午4:38:15

更新说明:修改了连续上传图片时预览图缩小的情况

添加接口<.... parameter="{width:'100',height:'100'}">

参数:width:设置截图的宽度 height:设置截图的高度。


更新时间:2017-03-24

更新说明:优化了移动端的显示


1.id="up-img-touch" 是触发弹出框的焦点

<div class="up-img-cover"  id="up-img-touch" >
    <img class="am-circle" alt="点击图片上传" src="img/hu.jpg" data-am-popover="{content: '点击上传', trigger: 'hover focus'}" >
</div>

2.url="/admin/user/upload.action" 提交给服务器的事件

<span class="am-icon-check" id="up-btn-ok" url="/admin/user/upload.action"></span>
相关插件-上传

基于H5的图片拖拽和预览插件dropify

基于HTML5,能支持将本地图片拖入网页并预览图片的插件。
  上传
 16213  64

zyupload四种不同的上传PHP版

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

HTML5 图片上传(pc ,手机都能适配)

图片上传(pc ,手机都能适配)
  上传
 61463  95

jQuery图像裁剪插件croppic

croppic图像裁剪将满足您的需求,图像加载效果、展现效果以及裁剪都非常棒,相信您看Demo后一定会喜欢上此插件.
  上传
 58704  97

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

    dv『Kyle』 0
    2017/5/30 20:42:15

    请问大家有服务器端的事件写法的demo吗?

    回复
    0
    2017/5/22 15:07:36
    看起来不错,不知道能不能用 回复
    怪人。 0
    2017/5/19 15:31:31

    6666666

        空着0
        2017/6/12 12:15:09

        6666

    回复
    fathband。 0
    2017/5/15 16:33:00

    大神,好像小图预览的可见范围有点偏差啊

    回复
    累觉不爱 0
    2017/5/10 10:28:01

    在安卓手机上都可以上传成功,但是苹果手机就失败了,是因为图片大小的问题吗?

    回复
    wang772972337 0
    2017/4/26 17:51:30

    后台怎么获得这个裁剪了的图片呢

        天涯行客0
        2017/5/3 17:30:01

        可以加群一块研究下629512073

    回复
    彼心¢梦离 0
    2017/4/16 13:30:26

    你这个怎么固定显示图像的大小,大的图片缩放,小的放大

        天涯行客0
        2017/4/17 9:09:28

        $().cropper("zoom", 0.1) 放大,$().cropper("zoom", -0.1)缩小 具体可参考http://fengyuanchen.github.io/cropper/

    回复
    森森。 0
    2017/4/12 18:02:25

    大佬您好,我请问下这个用base64的方式最大支持图片的大小在多少kb啊?我这边上传6kb和以下的图片,服务器都能收到请求,但是6kb以上的图片,在请求前就报错了,net connection的错误。

    回复
    湖心 0
    2017/4/5 13:46:40

    cropper-crop-box 就是那个裁剪区域,目前是一个长宽比为1:1的矩形区域,怎么设置为2:1 ,要保证每次拖动那个框的时候都是2:1,有相关捷径吗

        天涯行客1
        2017/4/5 17:17:57

        aspectRatio:剪裁框的长宽比例(1/1、2/1...)

    回复
    湖心 0
    2017/4/5 11:35:36

    你这个弹框提示如何关闭,我想自定义弹框

    回复
取消回复