iframe标签使用问题

问题描述

我用iframe连接一个内嵌页面,但是一直请求错误?请求的页面是avatarForm

<body>
    <div class="container">
        <form id="myAvatar" class="form-horizontal col-lg-12 col-xs-12" method="POST" action="/avatar" enctype="multipart/form-data">
            <div class="form-group">
                <label class="col-lg-4  col-xs-12 control-label" style="padding: 0" for="fileinput">
                    <input type="file" id="fileinput" name="realfile" />
                    <p class="upload">+</p>
                </label>
                <div class="col-lg-4 col-xs-6 col-xs-offset-3" style="text-align:center;">
                    <input type="text" class="form-control ava-dir" name="avatar" readonly>
                </div>
            </div>
            <div class="form-group" style="line-height:32px">
                <label class="col-lg-4  col-xs-3 control-label" style="padding: 0">
                    <span class="size">大小</span>
                </label>
                <div class="col-lg-4 col-xs-6" style=" margin: 0 0 10px 0;">
                    <input type="text" class="form-control filesize" name="filesize" readonly>

                </div>
                <kbd>Byte</kbd>
            </div>
            <button class="btn btn-success" type="submit" style="margin:auto;display:block;">提交</button>
        </form>
    </div>

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

<div class="model">
  <div class="avatarBox container">
    <div class="col-lg-12 col-xm-12" style="position: relative;">
      <h3>更改头像</h3>
      <span class="close glyphicon glyphicon-remove"></span>
      <hr/>
    </div>

    
    <iframe src="/avatar" frameborder="0" width="100%" height="450"></iframe>
  </div>
</div>

路由的处理是:

//请求avatarForm页面
router.get('/settings/avatarForm',function(req, res){
  
  if(req.session.user){
    res.render('settings/avatarForm.html', {
      user: req.session.user
    })
  }else{
    res.render('login.html')
  }
})

结果是:

clipboard.png

clipboard.png

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 1.6k
1 个回答

/avatar这个路由有定义吗?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题