动态生成html文件以显示图像和视频
Dynamically generate html files to display image and video
我正在上传一些图像和视频到上传文件夹,然后我使用数组将它们显示到我的网页上。这会给浏览器带来额外的负载。所以我希望当我上传任何图像/视频到上传文件夹时,它应该创建动态html或php文件来显示每个图像/视频。有人能告诉我怎么做吗?
我建议您编写两个模板(视频和图像),并使用file_gets_contents和str_replace()以及file_put_contents
我的想法示例:
templateVideo.html(或者php,如果需要动态)
<html>
<head>
<title></title>
</head>
<body>
<video src="YOUR_DYNAMIC_PATH"></video>
</body>
</html>
upload.php:
# ... your code for upload ...
$videoName = 'myFile.mp3';
$myTemplate = file_get_contents('templateVideo.html');
//str_replace(search, replace, subject)
$myTemplate = str_replace('YOUR_DYNAMIC_PATH', $videoName, $myTemplate);
// file_put_contents(filename, data)
file_put_contents('your_path_and_filename', $myTemplate);
类似的东西:)
注意:如果您需要
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- UIAutomation放大图像
- 使用javascript在Flash中加载外部图像
- 可以在这里为背景图像设置滤镜吗
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 使用 js 将背景图像设置为 HTML
- Javascript将图像src更改为淡入淡出
- 无法在本地计算机中将画布另存为图像
- 压缩phonegap中ios的图像插件
- 如何在鼠标悬停时在另一个图像上滑动图像.