为本地文件创建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即可看到
相关推荐
wdfk_prog5 小时前
嵌入式面试真题第 10 题:高优化等级下共享状态可见性、内存模型与系统级同步设计
java·linux·开发语言·面试·职场和发展·架构·c
x-cmd7 小时前
Mac 涨价后,本地 AI 还能千元入门吗?
linux·人工智能·macos·ai·agent·amd·本地ai入门
许彰午8 小时前
95_Python内存管理与垃圾回收
开发语言·python
多加点辣也没关系9 小时前
JavaScript|第13章:原始类型的方法
开发语言·javascript·ecmascript
এ慕ོ冬℘゜9 小时前
深入理解 JavaScript 事件体系:Window、鼠标与键盘事件详解
开发语言·javascript·okhttp
chouchuang10 小时前
day-030-综合练习-笔记管理器
开发语言·笔记·python
云空11 小时前
《Three.js 3D实例大全》
开发语言·javascript·3d·three.js
techdashen11 小时前
Go 1.26 新增 `bytes.Buffer.Peek`:只看数据,不移动读取位置
开发语言·后端·golang
C137的本贾尼12 小时前
第七篇:消息队列(MQ)——就是个带存储的异步通信管道
java·开发语言·中间件
从零开始的代码生活_13 小时前
C++ list 原理与实践:双向链表、迭代器与简化实现
开发语言·c++·后端·学习·算法·链表·list