最新公告
  • 欢迎光临爱下载,本站专业为站长提供各种资源。立即加入我们
  • 这个问题挺困恼人,百度了一堆,都是一个上传需要添加一次js代码,这样大量重复代码,乱,而且不便于维护

    最终还是在百度发现了干货

    直接贴代码:

    <!-- 配置文件 -->
                <script type="text/javascript" src="/assets/plugin/ueditor/ueditor.config.js"></script>
                <!-- 编辑器源码文件 -->
                <script type="text/javascript" src="/assets/plugin/ueditor/ueditor.all.js"></script>
                <!-- 实例化编辑器 -->
                <script>
                    //图片上传
                    var _editor;
    
                    //重新实例化一个编辑器,防止在上面的editor编辑器中显示上传的图片或者文件
                    _editor = UE.getEditor('upload_ue');
                    _editor.ready(function () {
                        //设置编辑器不可用
                        _editor.setDisabled();
                        //隐藏编辑器,因为不会用到这个编辑器实例,所以要隐藏
                        _editor.hide();
                        //侦听图片上传
                        _editor.addListener('beforeInsertImage', function (t, arg) {
                            //将地址赋值给相应的input,只去第一张图片的路径
                            console.log(arg)
                            $('.webupload_current').val(arg[0].src);
                            $(".webupload_current").removeClass("webupload_current");
                        });
    
                    });
    
                    function selectpic(id) {
                        $("#"+id).addClass("webupload_current");
                        var myImage = _editor.getDialog("insertimage");
                        myImage.open();
                    }
                </script>
    
    <div class="form-group form-inline">
        <label class="col-md-3 col-form-label" for="wapsite_url">手机网站网址</label>
        <div class="col-md-9 p-0">
            <input class="form-control input-full" name="wapsite_url" type="text" placeholder="" value="<?=$m['wapsite_url']?>">
        </div>
    </div>
    <div class="form-group form-inline">
        <label class="col-md-3 col-form-label" for="wapsite_logo">手机网站Logo</label>
        <div class="col-md-9 p-0">
            <input type="text" class="form-control file-upload-info" name="wapsite_logo" id="wapsite_logo" value="<?=$m['wapsite_logo']?>">
            <a href="#" class="btn btn-danger plupload" onclick="selectpic('wapsite_logo')">选择文件</a>
        </div>
    </div>
    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服![email protected]
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

    爱下载 » 表单中多个input异步文件上传只需要实例化一次代码即可

    发表评论

    • 191会员总数(位)
    • 9286资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 920稳定运行(天)

    专业服务中小型站长,提供定制、设计、开发三位一体服务

    开通会员 了解详情