我有两页。一个是带有文本输入的页面,您可以在其中输入个人资料图像的网址。该文本旁边有一个按钮,用于打开另一个页面。
您可以在第二页上载图像。我希望能够在第二页上单击图像,让它复制URL,关闭窗口,然后将URL粘贴到第一页的输入表单中。
这是第一页的代码:
<div class="form-group">
<label for="Logo Url">Logo URL</label>
<input type="text" class="form-control" value= "{{ $affiliate->logo_url }}" name="logo_url" required>
<button class="button" onClick="window.open('{{route('affiliate.logo')}}'); return false;">
<span class="icon">Open</span>
</button>
</div>
这将成功打开第二页。在这里,我列出了可以单击的上传图像。
foreach($imagelist as $image)
{
$url = Storage::disk('s3')->url('').$image['name'];
echo '<div class="col-xs-3 col-sm-4 col-md-3 col-lg-3">
<a href="javascript:selectImage(\''.$url.'\')" class="thumbnail">
<img src='."$url".' class="img-fluid img-thumbnail">
</a></div><br><br>';
}
在这里,我可以获取图片的网址,并将其放入变量“网址”中:
<script type="text/javascript">
function selectImage(imgName){
var url = imgName;
console.log(url);
}
</script>
Console.log(url)显示url正确通过,但是我不知道如何将其发送回第一页并将其插入文本输入中。
任何帮助表示赞赏!谢谢!
在弹出窗口中,我只是将脚本更改为此:parentform =父窗口上表单的名称logo_url是表单中输入的名称
<script type="text/javascript">
function selectImage(imgName){
opener.document.parentform.logo_url.value=imgName;
window.close();
}
</script>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句