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

相关文章

基于Python实现一个图片拆分工具

《基于Python实现一个图片拆分工具》这篇文章主要为大家详细介绍了如何基于Python实现一个图片拆分工具,可以根据需要的行数和列数进行拆分,感兴趣的小伙伴可以跟随小编一起学习一下... 简单介绍先自己选择输入的图片,默认是输出到项目文件夹中,可以自己选择其他的文件夹,选择需要拆分的行数和列数,可以通过

关于DNS域名解析服务

《关于DNS域名解析服务》:本文主要介绍关于DNS域名解析服务,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录DNS系统的作用及类型DNS使用的协议及端口号DNS系统的分布式数据结构DNS的分布式互联网解析库域名体系结构两种查询方式DNS服务器类型统计构建DNS域

Python中你不知道的gzip高级用法分享

《Python中你不知道的gzip高级用法分享》在当今大数据时代,数据存储和传输成本已成为每个开发者必须考虑的问题,Python内置的gzip模块提供了一种简单高效的解决方案,下面小编就来和大家详细讲... 目录前言:为什么数据压缩如此重要1. gzip 模块基础介绍2. 基本压缩与解压缩操作2.1 压缩文

Linux中SSH服务配置的全面指南

《Linux中SSH服务配置的全面指南》作为网络安全工程师,SSH(SecureShell)服务的安全配置是我们日常工作中不可忽视的重要环节,本文将从基础配置到高级安全加固,全面解析SSH服务的各项参... 目录概述基础配置详解端口与监听设置主机密钥配置认证机制强化禁用密码认证禁止root直接登录实现双因素

java向微信服务号发送消息的完整步骤实例

《java向微信服务号发送消息的完整步骤实例》:本文主要介绍java向微信服务号发送消息的相关资料,包括申请测试号获取appID/appsecret、关注公众号获取openID、配置消息模板及代码... 目录步骤1. 申请测试系统2. 公众号账号信息3. 关注测试号二维码4. 消息模板接口5. Java测试

python如何创建等差数列

《python如何创建等差数列》:本文主要介绍python如何创建等差数列的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录python创建等差数列例题运行代码回车输出结果总结python创建等差数列import numpy as np x=int(in

Go语言代码格式化的技巧分享

《Go语言代码格式化的技巧分享》在Go语言的开发过程中,代码格式化是一个看似细微却至关重要的环节,良好的代码格式化不仅能提升代码的可读性,还能促进团队协作,减少因代码风格差异引发的问题,Go在代码格式... 目录一、Go 语言代码格式化的重要性二、Go 语言代码格式化工具:gofmt 与 go fmt(一)

利用Python脚本实现批量将图片转换为WebP格式

《利用Python脚本实现批量将图片转换为WebP格式》Python语言的简洁语法和库支持使其成为图像处理的理想选择,本文将介绍如何利用Python实现批量将图片转换为WebP格式的脚本,WebP作为... 目录简介1. python在图像处理中的应用2. WebP格式的原理和优势2.1 WebP格式与传统

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

怎么用idea创建一个SpringBoot项目

《怎么用idea创建一个SpringBoot项目》本文介绍了在IDEA中创建SpringBoot项目的步骤,包括环境准备(JDK1.8+、Maven3.2.5+)、使用SpringInitializr... 目录如何在idea中创建一个SpringBoot项目环境准备1.1打开IDEA,点击New新建一个项