为本地文件创建URL

1.搭建Nginx流媒体服务器

2.nginx.conf中添加

c 复制代码
server {
		#listen 80 default_server;
    		#listen [::]:80 default_server;
       		location /var/www/html/Dir {
   			 autoindex on;
		}

		root /var/www/html;  # 设置默认网页的根目录
		index index.html;    # 设置默认网页的文件名
	}
  1. 在/var/www/html中加入
  • index.html
c 复制代码
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>C语言代码示例</title>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.0/themes/prism.min.css">
</head>
<body>
    <h1>示例:C语言代码</h1>

    <pre id="codeDisplay">
    </pre>
    <script src="script.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.0/prism.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.0/components/prism-clike.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.0/components/prism-c.min.js"></script>
    <script>
        Prism.highlightAll();
    </script>
</body>
</html>
  • script.js
c 复制代码
window.addEventListener("DOMContentLoaded", function() {
  var codeDisplay = document.getElementById("codeDisplay");

  var xhr = new XMLHttpRequest();
  xhr.open("GET", "example.c", true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      codeDisplay.textContent = xhr.responseText;
      Prism.highlightElement(codeDisplay);
    }
  };
  xhr.send();
});
  • example.c
c 复制代码
	U16 value = 0;
	GetSigVal(H3G_SAM_SIG_GRP01_VOLT_LOW_VLUE, &value);   //最低电池电压值-1
	data_18132701[0] = (value & 0xFF);
	data_18132701[1] = (value & 0xFF00)>>8;
    data_18132701[2] = 0;
	data_18132701[3] = 0;
	GetSigVal(H3G_SAM_SIG_GRP01_VOLT_HIGH_VLUE, &value);   //最高电池电压值-1
	data_18132701[4] = (value & 0xFF);
	data_18132701[5] = (value & 0xFF00)>>8;
    data_18132701[6] = 0;
	data_18132701[7] = 0;
}

void Set_0x18142701_Data(void)
{
	U16 value = 0;
	GetSigVal(H3G_SAM_SIG_STRIGN_SOC_LOW_VLUE, &value); //簇最低SOC值-1
	data_18142701[0] = (U8)(value/10);
	//data_18142701[1] = (value & 0xFF00)>>8;
	data_18142701[1] = 0;
	data_18142701[2] = 0;
	GetSigVal(H3G_SAM_SIG_STRIGN_SOC_HIGH_VLUE, &value); //簇最高SOC值-1
	data_18142701[3] = (U8)(value/10);
    data_18142701[4] = 0;
	data_18142701[5] = 0;
	data_18142701[6] = 0;
	data_18142701[7] = 0;
}
  1. 浏览器中输入localhost即可看到
相关推荐
酷可达拉斯11 分钟前
Linux操作系统-tcpdump抓包定位网络问题实战
linux·运维·服务器·网络·tcpdump
byte轻骑兵16 分钟前
BlueZ 5.x 整体架构总览:用户态 + 内核态分层设计核心逻辑
linux·架构·bluez·电脑蓝牙·嵌入式蓝牙
郑州光合科技余经理6 小时前
代驾系统架构拆解:订单链路、权限组织与私有化源码交付
开发语言·后端·算法·架构·系统架构·uni-app·php
ltl8 小时前
大多数「无锁」代码其实不是无锁的
linux
ltl9 小时前
Linux 内核的内存屏障:一个让我调了三天的 bug
linux
码哥DFS9 小时前
二叉树的直径
开发语言·javascript·算法
paopaokaka_luck10 小时前
基于springboot3+vue3的企业考勤管理系统(部门树递归、Echarts图形化分析)
开发语言·spring boot·学习·echarts·mybatis·需求分析·代码规范
Lonely 净土11 小时前
Rocky Linux 安装教程
linux·运维·服务器
梦雨生生11 小时前
java开发工具(学习第一天)
java·开发语言·学习
啊啊啊啊啊!!!!12 小时前
【c++】stack和queue的接口使用以及底层实现
开发语言·c++