创建局域网分享图片及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

相关文章

HTML5的input标签的`type`属性值详解和代码示例

《HTML5的input标签的`type`属性值详解和代码示例》HTML5的`input`标签提供了多种`type`属性值,用于创建不同类型的输入控件,满足用户输入的多样化需求,从文本输入、密码输入、... 目录一、引言二、文本类输入类型2.1 text2.2 password2.3 textarea(严格

SpringBoot简单整合ElasticSearch实践

《SpringBoot简单整合ElasticSearch实践》Elasticsearch支持结构化和非结构化数据检索,通过索引创建和倒排索引文档,提高搜索效率,它基于Lucene封装,分为索引库、类型... 目录一:ElasticSearch支持对结构化和非结构化的数据进行检索二:ES的核心概念Index:

Python实现快速扫描目标主机的开放端口和服务

《Python实现快速扫描目标主机的开放端口和服务》这篇文章主要为大家详细介绍了如何使用Python编写一个功能强大的端口扫描器脚本,实现快速扫描目标主机的开放端口和服务,感兴趣的小伙伴可以了解下... 目录功能介绍场景应用1. 网络安全审计2. 系统管理维护3. 网络故障排查4. 合规性检查报错处理1.

JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)

《JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)》:本文主要介绍如何在IntelliJIDEA2020.1中创建和部署一个JavaWeb项目,包括创建项目、配置Tomcat服务... 目录简介:一、创建项目二、tomcat部署1、将tomcat解压在一个自己找得到路径2、在idea中添加

Java使用Spire.Doc for Java实现Word自动化插入图片

《Java使用Spire.DocforJava实现Word自动化插入图片》在日常工作中,Word文档是不可或缺的工具,而图片作为信息传达的重要载体,其在文档中的插入与布局显得尤为关键,下面我们就来... 目录1. Spire.Doc for Java库介绍与安装2. 使用特定的环绕方式插入图片3. 在指定位

Java利用Spire.Doc for Java实现在模板的基础上创建Word文档

《Java利用Spire.DocforJava实现在模板的基础上创建Word文档》在日常开发中,我们经常需要根据特定数据动态生成Word文档,本文将深入探讨如何利用强大的Java库Spire.Do... 目录1. Spire.Doc for Java 库介绍与安装特点与优势Maven 依赖配置2. 通过替换

SpringBoot返回文件让前端下载的几种方式

《SpringBoot返回文件让前端下载的几种方式》文章介绍了开发中文件下载的两种常见解决方案,并详细描述了通过后端进行下载的原理和步骤,包括一次性读取到内存和分块写入响应输出流两种方法,此外,还提供... 目录01 背景02 一次性读取到内存,通过响应输出流输出到前端02 将文件流通过循环写入到响应输出流

GO语言实现串口简单通讯

《GO语言实现串口简单通讯》本文分享了使用Go语言进行串口通讯的实践过程,详细介绍了串口配置、数据发送与接收的代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目录背景串口通讯代码代码块分解解析完整代码运行结果背景最近再学习 go 语言,在某宝用5块钱买了个

Python结合Free Spire.PDF for Python实现PDF页面旋转

《Python结合FreeSpire.PDFforPython实现PDF页面旋转》在日常办公或文档处理中,我们经常会遇到PDF页面方向错误的问题,本文将分享如何用Python结合FreeSpir... 目录基础实现:单页PDF精准旋转完整代码代码解析进阶操作:覆盖多场景旋转需求1. 旋转指定角度(90/27

SpringBoot+Vue3整合SSE实现实时消息推送功能

《SpringBoot+Vue3整合SSE实现实时消息推送功能》在日常开发中,我们经常需要实现实时消息推送的功能,这篇文章将基于SpringBoot和Vue3来简单实现一个入门级的例子,下面小编就和大... 目录前言先大概介绍下SSE后端实现(SpringBoot)前端实现(vue3)1. 数据类型定义2.