基于amazeui头像上传

所属分类:输入-上传

 69336  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>
相关插件-上传

jQuery多图压缩上传

前端对图片的压缩、可以选择多张、可以预览、还可以删除
  上传
 56193  409

jQuery图片上传展示插件imgFileupload.js

jQuery图片上传展示,支持多图上传,限制图片上传个数
  上传
 110272  506

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

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

基于webuploader多图片上传插件diyUpload.js

多张图片上传 base64格式 移动端可支持,代码中有详细注释。
  上传
 85992  571

讨论这个项目(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
        插件本身没有找到限制大小的代码啊,大神用这个插件没,你是怎么解决的啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复