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

所属分类:输入-上传

 48731  327  148
当前第2页 / 共5页
    王笑笑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
        使用浏览器,重新下载式式,不要用迅雷,我这测试正常。
    回复
    jackAcm0
    2019/7/1 18:37:29
    点击上传后 怎么把图片文件 放到1个 file类型的input里面? 回复
    寻路记0
    2019/6/19 16:55:54
    怎么上传到后台呀 ?
        无道0
        2019/10/3 21:35:31
        获取图片的URL,传递给后台
    回复
    隐匿的螺旋喵0
    2019/6/19 15:21:19
    怎么用啊
        ╊╊╊╊╊╊╊╊╊╊/cy0
        2020/5/21 10:38:58
        付费下载之后使用
    回复
    ywhlhy0
    2019/6/13 19:05:12
    页面有了图片,怎样在初始化时候替换图片 回复
    张关平0
    2019/6/10 15:01:01
    好像要这个demo,哪位大神能帮帮我。
        我去看他的演唱会0
        2019/8/13 17:02:26
        我也是
    回复
    Les Choristes0
    2019/5/27 10:04:33
    移动端可以用吗
        Liar0
        2019/6/5 9:43:15
        可以
    回复
    zhouxiaoluan0
    2019/5/22 14:24:18
    好东西,找了半天终于找到一个,太感谢了。。
        难遇.0
        2019/6/15 17:04:39
        找到了是找到了,充值
    回复
    沉沦、醉生梦死0
    2019/5/13 21:20:53
    还是有大神好
        司邪0
        2019/5/17 11:39:49
        是啊
    回复
    ちょう き0
    2019/5/6 16:01:19
    ie 为什么只能拖图片 点击无效那?
        ちょう き0
        2019/5/6 16:03:45
        ie版本 11
        ちょう き0
        2019/5/6 17:16:18

        目前已经解决

        createImageUploadDialog: function() {
            var fileInput = this.fileInput;
            if (this.needInit) {
                this.needInit = false;
                fileInput = $('<input type="file" name="ime-images" multiple="true"></input>');
                fileInput.on("change", this.onChangeUploadFile.bind(this));
                this.fileInput = fileInput[0];
                // fileInput = document.createElement('input');
                // fileInput.type = 'file';
                // fileInput.name = 'ime-images';
                // fileInput.multiple = true;
                // fileInput.onchange = this.onChangeUploadFile.bind(this);
                // this.fileInput = fileInput;
        
            }
            fileInput.click();
        }

        如有问题 请大神指教

        ちょう き0
        2019/5/6 17:18:06
        needInit 只是我脑子抽抽了定义了一个变量 默认值为true
        L新0
        2019/5/7 19:00:08
        大神 教教我
    回复
    卫晓光1
    2019/4/30 10:57:15

    不能选择同一张是因为input 已经有同一个file文件了,只需要把input的值清空即可。

    createImageUploadDialog: function() {
        var fileInput = this.fileInput;
        if (!fileInput) {
            fileInput = document.createElement('input');
            fileInput.type = 'file';
            fileInput.name = 'ime-images';
            fileInput.multiple = true;
            fileInput.onchange = this.onChangeUploadFile.bind(this);
            this.fileInput = fileInput;
        }
        fileInput.value = ''; //这里清空input的值,即可解决选择同一文件无法触发回调的问题
        fileInput.click();
    }
    回复
    唐崃循0
    2019/4/28 10:43:11

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

取消回复