javascript - 从 json 对象 forEach 分配 URL 以嵌入 HTML

Question

我已经将两个测试 PDF 文件从我的 laravel 控制器加载到我的刀片模板中，并且我已经通过 javascript 成功访问了 URL 数组，以便可以将它们记录在控制台中。我将其中一个硬编码到我的 html 中，只是为了看看它是否有效，它确实有效

但是，我仍然坚持弄清楚如何在我的 foreach 循环（JS）中获取每个对象索引的值并将其分配给一个唯一变量，以便我可以将每个 PDF 设置为仅显示 60 秒，然后继续到下一个，依此类推

如何修复我的 forEach 以将其正确分配给嵌入 src？

控制台记录此：

1: https:testbucket.s3.amazonaws.com/test1.pdf 
2: https:testbucket.s3.amazonaws.com/test2.pdf

代码：

@section('content')

<embed src="https:testbucket.s3.amazonaws.com/test1.pdf" style="margin-top: 100px; position:absolute; left: 0; top: 0;" width="100%" height="100%" type="application/pdf">



@endsection

@section('loadjs')

<script>

var files = '<?php echo $PDFfiles?>';
const result = JSON.parse(files);

Object.entries(result).forEach((entry) => {
const [key, value] = entry;
console.log(`${key}: ${value}`);
})

</script>

@endsection

标签： javascripthtml