百度上传插件Web Uploader

所属分类:输入-上传

 310468  647  查看评论 (79)
分享到微信朋友圈
X
百度上传插件Web Uploader ie兼容10

1、创建好Dom

<div id="uploader-demo">
        <!--用来存放item-->
        <div id="fileList" class="uploader-list"></div>
        <div id="filePicker">选择图片</div>
</div>

2、根据官方说明文档,将js脚本复制到页面上

3、写好后台接收图片的代码


相关插件-上传

html5 头像上传更换插件

html5 头像上传、更换、剪切插件
  上传
 174465  1331

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

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

webuploader 上传插件(根据官方做了小改)

webuploader上传插件,上图之前图片可编辑、可随意排版上传图片顺序
  上传
 69565  474

zyupload图片上传修改版

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

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

    任志杰 0
    2023/7/18 11:34:59
    上传成功后,再选择文件点击上传没有反应。 回复
    如果不是什么果 0
    2019/6/3 18:46:55
    你好,请问怎么实现后台绑定这个插件显示数据库存储的图片路径呢 回复
    曹斌 0
    2019/4/25 16:37:50
    怎么用?按照你的写了html文件,引入了css和js,还用自己额外写js代码吗?怎么啥也看不到?上传也报错
        单小叙(努力、奋斗)0
        2019/6/2 12:35:01
        应该是你html的id或name你更改了
    回复
    徐州市热心网友 0
    2019/4/3 12:11:31
    友游游 0
    2018/11/30 10:46:36
    然并卵,没有上传放回的参数,用个卵子
        随风0
        2018/12/12 18:45:53

        uploader有一个success方法,监听上传成功的事件.返回函数有两个对象,file(文件信息),response(你调用的接口的返回参数)

        uploader.on('uploadSuccess',function(file,response){
          console.log(response);//返回信息
        })
    回复
    一枕秋风╂ 0
    2018/11/12 10:47:14
    你好,请问一下这个界面怎么搞得
        一枕秋风╂0
        2018/11/14 16:33:49
        我用了之后界面只有一个选择图片按钮
    回复
    牙虫虫 0
    2018/8/30 15:16:49
    ....难用
        固执0
        2018/9/5 15:02:20
        你好、可以分享一下图片文件16702791_1355824333016.jpg么
    回复
    刘可_ 0
    2018/7/26 17:23:13

    ***,找到一个比较好的例子,不会用

        Ailunero0
        2018/8/20 15:01:32
        一样,不知道怎么用
    回复
    GameSky 0
    2018/5/18 16:17:13
    看着官网的例子做得一头雾水.......... 回复
    孙奇美--龙玲 0
    2018/5/14 10:23:09
    直接浏览器不支持 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复