Javascript 浏览图像并将其传递到弹出窗口

我想在我的HTML脚本中浏览一个图像，然后打开一个弹出窗口，浏览的图像将出现在其中

现在他正在打开原始脚本中的图像。但是如何将其传递到ShowImage.html弹出窗口

函数新建窗口（事件）{
var pop=window.open（“ShowImage.html”，“Image”，“width=200，height=100”）；
document.getElementById（'output'）；
output.src=URL.createObjectURL（event.target.files[0]）；
}

浏览文件

您可以添加

#image.jpg

var pop = window.open("NewImage.html#image.jpg", "PopupWindow","width=200, height=100");

因此，在NewImage.html中，您需要这样一个脚本：

location.hash

英雄联盟

---

现在，您可以使用此方法创建具有散列的图像

您可以通过

窗口访问URL参数。如果您的内容不敏感

$(document).ready(function(){
$('#Browse').change(function(){ 

    var outputImg = document.getElementById('output');



           outputImg.src = URL.createObjectURL(event.target.files[0]);

    window.open("ShowImage.html?imgDetails="+outputImg.src, "Image","width=200, height=100");
});
});

//window.opener.location.href

这应该会对您有所帮助。
tI现在使用JQuery来显示图像。这也不完全是我想要的，但它工作得很好


函数showImage（事件）{
var outputImg=document.getElementById（'output'）；
outputImg.src=URL.createObjectURL（event.target.files[0]）；
$（函数（）{
$（“#dialog”）.dialog（）；
})
}

对不起，我真的不明白。我像你说的那样添加了#image.jpg。我在弹出窗口的脚本中添加了location.hash。它不起作用：（当然不起作用了！数据在
位置。hash
，现在你必须从javascript创建HTML，通过
位置呈现
。hash
我真的不明白他怎么知道#image.jpg是我在我的o了解您的问题，您已经使用了
event.target.files[0]
，因此您知道如何获取图像，对吗？是的，我知道如何在父页面获取图像。目前，我只是通过浏览功能获取图像，并使用id“output”写入图像元素在家长页面上。但是，我真的不知道如何将图像传递到弹出窗口，然后在弹出窗口中打开它。使用哈希似乎是一个好主意。但我真的不知道如何正确使用它。我是一个新手。我正在试着理解你真正想要实现的目标…1）图像将显示在同一页上还是不同的对话框上…从我看到的情况来看，您正在同一页上的图像元素标签上绘制图像，id=输出。是的，我想在另一页（弹出窗口）绘制图像。图像将从第一页浏览，然后在出现的弹出窗口中显示。在我的代码中，上面的图像仍在第一页。我不知道如何将其发送到弹出窗口。我尝试了你的方法。他正在打开弹出窗口。但它是空的。我需要在弹出窗口的html脚本中写入代码吗？你怎么办使用注释window.opener.location.href？使用window对象的此属性，您可以访问url，因此可以从url访问图像源参数。因此，window.opener.location.href仅保留供您参考使用。