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

时间:2015-04-25 11:29:19

标签: javascript html image file popup

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

现在他正在原始剧本中打开图像。但是如何将它传递给ShowImage.html弹出窗口?

onFinish()
function newwindow(event){
           var pop = window.open("ShowImage.html", "Image","width=200, height=100");
           document.getElementById('output');
           output.src = URL.createObjectURL(event.target.files[0]);
        }

3 个答案:

答案 0 :(得分:0)

您可以添加#image.jpg

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

因此,在您的 NewImage.html 中,您需要一个这样的脚本:

location.hash
  

洛尔

现在,您可以使用此功能创建包含哈希的图像。

答案 1 :(得分:0)

您可以通过(SELECT `c1`.`parentID` FROM `table` as `c1` WHERE `c1`.`id` = 4 LIMIT 1) AS `c1parentID`, (SELECT `c2`.`parentID` FROM `table` as `c2` WHERE `c2`.`id` = `c1parentID` LIMIT 1) AS `c2parentID`, SELECT * FROM `table` as `c3` WHERE `c3`.`id` = `c1parentID` OR `c3`.`id` = `c2parentID` OR `c3`.`id` = 4 方法访问网址参数,前提是您的内容不敏感

window.opener

这应该对你有帮助。

答案 2 :(得分:0)

我现在用JQuery来展示Image。它也不是我想要的,但它的工作非常好。



function showImage(event) {
  var outputImg = document.getElementById('output');
  outputImg.src = URL.createObjectURL(event.target.files[0]);

  $(function() {
    $("#dialog").dialog();
  })
}

<meta charset="utf-8" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>


<input id="Browse" type="file" onchange="showImage(event)">


<div id="dialog" title="Basic dialog">
  <img id="output" />
&#13;
&#13;
&#13;