ie9下适应form表单上传图片后,无法获取iframe里面的值

新手上路,请多包涵

问题描述

使用原声方法,写了一个上传图片的功能,图片可以上传成功,但是无法获取iframe里面的值
iframe里面的内容能够在页面展示

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

能够获取到iframe的标签,但是继续往下获取里面的dom就会报 拒绝访问

相关代码

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

<form id="fileUploadF" method="post" target="formUpFile" class="form form-group text-right"
      enctype="multipart/form-data">
    <input type="file" id="fileUpIpt" class="fileUpIpt form-inline" accept="*/*" name="file" multiple="multiple">
    <input type="hidden" name="qblcId" value="${qblcId}">
    <button id="btn_uploadfile" class="btn btn-sm btn-default upload-btn">
        上传附件
    </button>
    <span id="returnMsg" style="margin-left:20px;font-size:15px;">123</span>
</form>

js代码

//绑定click事件,监听提交按钮
    $("#btn_uploadfile").click(function () {
        $("#fileUpIpt").trigger("click");//触发input[type=file]上传
        return false;
    });
    //监听是否上传新的文件
    $("#fileUpIpt").change(function () {
        if ($(this).val() != "") {
                var newdiv = document.createElement('div');
                newdiv.innerHTML = '<iframe id="formUpFile" width="1000" height="200" name="formUpFile" onload="upload()"></iframe>';
                document.body.appendChild(newdiv);
                //给form添加action地址并执行提交
                $("#fileUploadF").attr("action", "http://192.168.1.21:8080/beian-api/modules/commonFileUplode/upload").submit();
        }

    })
    function upload() {
        var body = document.getElementById('formUpFile').contentWindow.document;
        console.log(body)
        // var retMsg = $("#returnMsg");
        // retMsg.text(body.context.textContent);    // 显示返回值
    }

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

期望ie9下面能够获取到iframe里面的值
看到的错误信息是 SCRIPT5: 拒绝访问。

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