如何通过Jquery或JavaScript在iframe中显示文件，并防止在另一个页面加载中显示 - How to show files in iframe by Jquery or JavaScript and prevent to show in another page loading?

How to show files in iframe by Jquery or JavaScript and prevent to show in another page loading?

这是我的问题，我在代码项目中描述过。当我点击一个图标，它尝试在显示图像或pdf或视频的新页面打开。但是，我不喜欢这样。我喜欢在同一页面中显示我的iframe中的文件。我该怎么做呢?我的代码项目链接是:请不要打开新页。

我可以建议使用插件，因为它使事情更容易。

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

或者你想要的是改变iframe src .

例如，使用jQuery，您可以这样做

<iframe id="myframe" style="display:none" width="630" height="420"></iframe>
<div class="fileIcon"> 
    <a class="click" onClick="" rel="gallery" href="#">
      <img src="src" title="" width='100' height='100' alt="" />
    </a>
</div>

和JS

$('a').click(function(e){
  e.preventDefault()
  var s =  $(this).find('img').attr('src');
  $('#myframe').attr('src', s).show();
});

小提琴

这将获得图像src，并将其添加到iframe

给你的iframe一个name="myframe"，然后在你的目标你会使用target="myframe"