Javascript 获取iframe中文件输入的值_Javascript

Javascript 获取iframe中文件输入的值

javascript

Javascript 获取iframe中文件输入的值,javascript,Javascript,我正在构建一个网站，将html加载到iframe中，并允许用户通过父页面更改该html的元素。其中一个功能是图像上载，它将图像添加到iframe中的div中。我在Iframe中有图像上传按钮，但我正在尝试获取父页面上的输入type='file'，可能还有一个getelementbyidfile 这就是我在Iframe中的内容我不确定我是否理解它，它没有使用任何内容，也没有任何迹象表明您的代码正在访问iFrame，那么究竟哪些部分在哪里？这是我必须上传图像的功能。这是iframe中的html，

我正在构建一个网站，将html加载到iframe中，并允许用户通过父页面更改该html的元素。其中一个功能是图像上载，它将图像添加到iframe中的div中。我在Iframe中有图像上传按钮，但我正在尝试获取父页面上的输入type='file'，可能还有一个getelementbyidfile

这就是我在Iframe中的内容

我不确定我是否理解它，它没有使用任何内容，也没有任何迹象表明您的代码正在访问iFrame，那么究竟哪些部分在哪里？这是我必须上传图像的功能。这是iframe中的html，但我正在尝试放置类似->$'iframe'.contents.find'myImg'.prop'src'，e.target.result；

 $(function () {
    $(":file").change(function () {
        if (this.files && this.files[0]) {
            var reader = new FileReader();
            reader.onload = imageIsLoaded;
            reader.readAsDataURL(this.files[0]);
        }
    });
});

function imageIsLoaded(e) {
    $('#myImg').attr('src', e.target.result);
};
</script>

</head>

<body contentEditable="false">
<input type='file' />