问题描述
使用原声方法,写了一个上传图片的功能,图片可以上传成功,但是无法获取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: 拒绝访问。