创建局域网分享图片及html页面服务(简单讲下)

本文主要是介绍创建局域网分享图片及html页面服务(简单讲下),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

1. 使用Python的SimpleHTTPServer(适用于Windows)

 打开其中的.html文件:

  打开其中的.png文件:

推荐第2种:

2. 使用Node.js和http-server(适用于所有平台)

安装http-server(如果你还没有安装的话):

 打开text文件:

打开图片:

打开网页:


要让前端自己创建的原生HTML网页在局域网内分享,最简单的方法是通过搭建一个简单的本地Web服务器。以下是具体的步骤:

1. 使用Python的SimpleHTTPServer(适用于Windows)

如果你的电脑上安装了Python,你可以使用Python内置模块http.server(在Python 2中是SimpleHTTPServer)来快速搭建一个Web服务器。

  1. 打开命令行工具(在Windows上是CMD或PowerShell,在macOS上是Terminal)。
  2. 导航到包含你的HTML文件的目录。例如,如果你的HTML文件在C:\Users\17164\Desktop\fff
这里是文件夹路径
cd C:\Users\17164\Desktop\fff

或者直接在文件夹里面找到你的文件

  1. 路径cmd打开
  2. 运行以下命令来启动Web服务器
  3. 注意端口占用问题

    python -m http.server 8080
    正在运行中,但是不会实时更新,每次进入页面就会执行一次请求(手动刷新)
  4. 在Python 2中,命令是:
    注意端口占用问题
    python -m SimpleHTTPServer 8080
    这将在端口8080上启动一个Web服务器。你可以通过访问http://localhost:8080来在本地浏览器中查看你的网页。

用这个打开text会乱码,编码不一致导致的,但是下面的第二种方法不会

 打开其中的.html文件:

  打开其中的.png文件:

 分享完成

推荐第2种:

2. 使用Node.js和http-server(适用于所有平台)

如果你已经安装了Node.js,你可以使用http-server这个npm包来快速搭建Web服务器

  1. 安装http-server(如果你还没有安装的话):

  2. npm install -g http-server

  1. 导航到包含你的HTML文件的目录。
  2. 运行以下命令来启动Web服务器:
    http-server
    这将在默认端口(通常是8080)上启动一个Web服务器。你可以通过访问http://localhost:8080来在本地浏览器中查看你的网页。

 或者用其他设备打开

 

比如 用手机打开:

可以正常下载文件和看网页之类

 电脑打开网页:

 打开text文件:

打开图片:

打开网页:

 打开表格:

需要确保你的网络是安全的,并且不要分享敏感或私人的网页。此外,一些网络环境(如公司或学校网络)可能限制了内部IP地址的访问,所以在这种情况下,你可能需要额外的配置或权限才能成功分享你的网页。

结束,简单的讲下,继续加班中。。。

这篇关于创建局域网分享图片及html页面服务(简单讲下)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/824585

相关文章

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

Java实现在Word文档中添加文本水印和图片水印的操作指南

《Java实现在Word文档中添加文本水印和图片水印的操作指南》在当今数字时代,文档的自动化处理与安全防护变得尤为重要,无论是为了保护版权、推广品牌,还是为了在文档中加入特定的标识,为Word文档添加... 目录引言Spire.Doc for Java:高效Word文档处理的利器代码实战:使用Java为Wo

sysmain服务可以禁用吗? 电脑sysmain服务关闭后的影响与操作指南

《sysmain服务可以禁用吗?电脑sysmain服务关闭后的影响与操作指南》在Windows系统中,SysMain服务(原名Superfetch)作为一个旨在提升系统性能的关键组件,一直备受用户关... 在使用 Windows 系统时,有时候真有点像在「开盲盒」。全新安装系统后的「默认设置」,往往并不尽编

基于C#实现PDF转图片的详细教程

《基于C#实现PDF转图片的详细教程》在数字化办公场景中,PDF文件的可视化处理需求日益增长,本文将围绕Spire.PDFfor.NET这一工具,详解如何通过C#将PDF转换为JPG、PNG等主流图片... 目录引言一、组件部署二、快速入门:PDF 转图片的核心 C# 代码三、分辨率设置 - 清晰度的决定因

Python 基于http.server模块实现简单http服务的代码举例

《Python基于http.server模块实现简单http服务的代码举例》Pythonhttp.server模块通过继承BaseHTTPRequestHandler处理HTTP请求,使用Threa... 目录测试环境代码实现相关介绍模块简介类及相关函数简介参考链接测试环境win11专业版python

Python从Word文档中提取图片并生成PPT的操作代码

《Python从Word文档中提取图片并生成PPT的操作代码》在日常办公场景中,我们经常需要从Word文档中提取图片,并将这些图片整理到PowerPoint幻灯片中,手动完成这一任务既耗时又容易出错,... 目录引言背景与需求解决方案概述代码解析代码核心逻辑说明总结引言在日常办公场景中,我们经常需要从 W

Python内存优化的实战技巧分享

《Python内存优化的实战技巧分享》Python作为一门解释型语言,虽然在开发效率上有着显著优势,但在执行效率方面往往被诟病,然而,通过合理的内存优化策略,我们可以让Python程序的运行速度提升3... 目录前言python内存管理机制引用计数机制垃圾回收机制内存泄漏的常见原因1. 循环引用2. 全局变