评论:jQuery图片上传预览支持拖拽  [查看原文]

所属分类:输入-上传

 43692  266  142
当前第1页 / 共4页
    xujianbo03080
    2020/8/3 15:50:00
    这个不支持拍照上传吗? 回复
    知足者常乐。0
    2020/7/28 21:33:41
    好东西 多谢分享 回复
    暮凉同学0
    2020/3/11 0:09:17
    想知道怎么获取上传图片的base64
        琥珀0
        2020/3/19 14:43:32
        同问
        村头阿毛1
        2020/5/6 17:03:54
        <input type='file' id='fileEl'/>
        
        function base64() {
           let fileObj = document.getElementById('fileEl').files[0]  //获取文件对象
           let reader = new FileReader()   //新建一个FileReader对象
           reader.readAsDataURL(fileObj)   //将读取的文件转换成base64格式
           reader.onload = function(e) {
               document.getElementById('img').src = e.target.result    //将img标签的src换成base64格式,并显示出来
           }
        }
    回复
    Joan0
    2020/2/22 17:23:15
    请问我想加入删除该图片功能可以吗?
        areyouOk1
        2020/2/22 21:50:36
        当然可以,自己加个功能,修改src值即可。
    回复
    兴风作浪0
    2020/1/13 18:09:07
    可以支持多张上传吗
        万迪0
        2020/4/10 11:11:40
        可以
    回复
    0
    2019/11/18 19:10:38
    一个页面有多个 怎么办 回复
    yuanhai1234560
    2019/9/25 10:21:06
    这个怎么赋值到上传文件input name里面,跟<input type="file" name="avatar" />的一样 回复
    fighting!0
    2019/9/19 14:36:14
    海洋0
    2019/9/12 16:11:55
    这个上传 比较符合 回复
    (?????)0
    2019/8/30 20:56:02
    图片并不能上传服务器
        万迪0
        2020/4/10 11:11:27
        前端获取到,然后再传到后台
    回复
    我去看他的演唱会0
    2019/8/13 17:01:31
    王笑笑0
    2019/8/9 17:13:59
    请问怎么转换成64格式呀?传给后台
        Mr.Brillient3
        2019/8/10 9:55:48

        我的处理方法是这样
        参考评论大佬 把js中图片以base64显示

        onChangeUploadFile: function () {
               var fileInput = this.fileInput;
               var files = fileInput.files;
               var file = files[0];
               var _view_ = this;
               var fileObjs = $(fileInput)[0].files[0];
               var filePath = $(fileInput).val();
               var filename = file.name;
               var r = new FileReader(); //本地预览
               r.onload = function () {
                   _view_.me.find("img").attr("src", r.result);
                   _view_.me.find("img").attr("title", filename);
                   if (_view_.callback) {
                       _view_.callback(r.result);
                   }
               };
               r.readAsDataURL(fileObjs);
           },

        然后将base64存入到隐藏域中发送给后台

    回复
    ?剪?一??★0
    2019/7/27 22:26:59
    怎么修改默认图片路径呢? 回复
    倪思宇0
    2019/7/23 16:39:05
    我也想要这个插件
        Darren0
        2019/11/28 16:44:35
        那就下载试试吧
    回复
    ????顺其自然????0
    2019/7/19 17:55:27
    买了 没下载下来 补发下吧
        西瓜0
        2019/7/19 18:08:54
        使用浏览器,重新下载式式,不要用迅雷,我这测试正常。
    回复

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

取消回复