基于amazeui头像上传

所属分类:输入-上传

基于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>

相关插件-上传

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

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

js上传图片预览

js上传图片本地预览
  上传
 39051  155

图片上传插件localResizeIMG

显示原来图片,和压缩后的图片,并且显示大小
  上传
 63469  97

拖放文件上传与图像预览插件Dropzone.js

dropzone.js是重量轻的JavaScript库,将HTML元素设置为一个降落区,并通过Ajax文件被上传到服务器。
  上传
 44172  86

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

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

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

    回复
    彼心¢梦离 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

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

    回复
    湖心 0
    2017/4/5 11:12:38

    使用ajax请求成功,后台返回{result:"ok",file:"resource/uploads/RFG411491361654062.png"},但是界面一直显示‘在上传中’,发现没有进入success

        天涯行客0
        2017/4/5 17:27:49

        可以加我qq1829661841研究一下

    回复
    闫小小小时候可漂亮了 0
    2017/4/4 19:33:59
    bzhelin 0
    2017/4/2 15:17:07

    体验非常漂亮

        闫小小小时候可漂亮了0
        2017/4/4 19:34:44

        嗯嗯,我也是这么觉得

    回复
    湖心 0
    2017/4/1 16:13:34

    base64码传不了,按照的你api设置url后不能上传成功,需要设置什么吗

        天涯行客0
        2017/4/1 17:52:00
        后台接收图片的参数是image ,是以base64的字符串上传的
    回复
    湖心 0
    2017/4/1 14:59:22

    在哪里设置上传的地址

        闫小小小时候可漂亮了0
        2017/4/4 19:35:40

        可以用ajax

    回复
取消回复