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

<!-- 配置文件 -->
            <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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值