浏览器摄像头拍照并裁剪上传(原创)

所属分类:媒体,输入,其他-音频和视频,上传,独立的部件

分享到微信朋友圈
X
浏览器摄像头拍照并裁剪上传(原创) ie兼容12

注:您的设备一定要有摄像头,并在网页预览时允许访问设备!

更新时间:2021-01-19 00:33:50

// 完成上传   图片为base64 
$("#main__submit").click(function() {
    var ahis = $(this);
    console.log(cropper.getDataURL());
    ahis.hide(); //修改/url为后台地址,获取data参数,头像为base64编码字符,占用空间较小可直接存数据库。或者通过转码为字节存为文件即可 
    $.post("/url", {
        data: cropper.getDataURL()
    }, function(data) {
        ahis.show();
        ahis.html("OK");
    });
})
相关插件-音频和视频,上传,独立的部件

jquery音乐播放器

基于Jplayer制作一款音乐播放器,界面简洁漂亮。
  音频和视频
 56722  435

js音频可视化插件Wavesurfer.js

Wavesurfer.js是一个javascript库用于创建交互式可操作音频可视化,使用Web Audio和HTML5 Canvas技术。可以显示当前音频的声波
  音频和视频
 48068  308

jQuery音乐播放插件jPlayer

简洁的音乐插件jPlayer
  音频和视频
 39712  305

音乐歌词同步播放器

jplayer实现歌词同步的JS音乐播放器效果
  音频和视频
 34370  338

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

    浮生若梦 2amor 0
    2021/3/1 17:21:35
    可以调用后置摄像头吗
        杜福忠 、 1
        2021/3/6 15:37:26

        搜索: webcam 后置摄像头  就可以看到很多写法。

        video: { facingMode: { exact: "environment" }
        ┈━ㄔ☆0
        2021/3/9 9:47:00
        大神,这个调用后置摄像头的代码放在哪里
    回复
    加油2021 0
    2021/2/18 12:04:12
    这个是用flash的么? 没有flash能用不能?
        西瓜0
        2021/2/18 13:39:08
        不是flash,js实现。放心使用flash早就淘汰了
    回复
    彭久灵5704803654 0
    2021/1/26 21:55:59
    大神,传到FTP的方法能不能具体写下,小弟水平太菜,总是失败。
        杜福忠 、 0
        2021/2/5 20:00:40
        第一次上传插件,这么多人喜欢哈~ 因为这个是基于浏览器的,没有后台,很多方式可以上传,我刚查了资料JS的话有个 jsftp 插件,网上有很多资料,搜索一下这个词,很多教程
    回复
    nybuunn 0
    2021/1/19 9:54:07

    不错  不错  这个好

        杜福忠 、 0
        2021/2/5 20:04:48
        Thanks?(?ω?)?
    回复
    Dave Krinsky 0
    2021/1/19 0:38:25

    太牛逼了。 要的就是你

        杜福忠 、 0
        2021/2/5 20:04:26
        感谢收藏~ 第一次来网站上传。最近有客户要这个功能,也是在网上找了一圈,没有找到完全匹配的。就让前端写了一个样式, 再共享上来了,大家用的着就好😀
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复