基于amazeui头像上传

所属分类:输入-上传

 69353  486  查看评论 (106)
分享到微信朋友圈
X
基于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>
相关插件-上传

zyupload图片上传修改版

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

html5文件上传插件Pure HTML5 file upload

html5文件上传插件Pure HTML5 file upload
  上传
 78874  381

多图片上传预览(纯前端)

多图片上传预览,已测试ie 360 火狐 谷歌浏览器
  上传
 254090  585

js上传图片预览

js上传图片本地预览
  上传
 112471  536

讨论这个项目(106)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ricefoto 0
    2020/12/10 10:08:04
    需要这么多js…… 回复
    大吉大利 0
    2020/5/14 11:10:44

    一堆引入,还会覆盖页面本身的样式

    回复
    陈星 0
    2019/1/17 15:17:53
    一米阳光 0
    2019/1/3 11:41:14
    用户6599044838 0
    2018/12/17 21:01:31
    为什么我上传上去的图片移动收缩框的时候会抖动 回复
    0
    2018/10/10 13:13:40
    求教大神,遇到这个问题怎么解决?
    Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. 回复
    若只如初见 1
    2018/9/25 21:15:42

    遇到:Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
    解决方案:本地起一个静态服务就好了,比如使用:http-server起一个server,就能获取到图片的base64值了

        0
        2018/10/10 13:26:22
        如果安装没有环境这个方法可以用吗
        microsoftvs0
        2018/10/10 14:17:27
        可以用Dreamweaver 2017版直接f12预览一样的效果。
    回复
    随风 0
    2018/7/25 15:49:48
    我想试一试跟后台结合,但是下载不了,没金币,好心疼 回复
    0
    2018/7/20 11:27:37
    没有看到有限制 大小的js啊 为啥图片4兆多就不能上传啊 大神指点一下啊
        BattleofLexington0
        2018/7/20 11:36:42

        这个是好像是服务器默认对文件大小上传的限制

        0
        2018/7/27 16:15:13
        我还是小白,没太明白您说的服务器限制大小是什么意思,我应该怎么改啊,直接用普通的file上传是没有问题的。
    回复
    0
    2018/7/20 11:24:16
    图片过大就上传不了了 是怎么回事啊 ,提交到后台就是空值,是什么原因啊
        随风0
        2018/7/25 15:50:30
        因该是设置了图片的格式,大小限制
        0
        2018/7/27 16:16:21
        插件本身没有找到限制大小的代码啊,大神用这个插件没,你是怎么解决的啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复