上传html，img，MP4到云服务器

最新推荐文章于 2024-06-29 16:04:34 发布
最新推荐文章于 2024-06-29 16:04:34 发布
阅读量387 收藏 11
点赞数 9
文章标签： 服务器 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52403060/article/details/135373055
版权
本文介绍了如何在Linux上安装和配置Nginx，包括环境依赖、压缩包处理、创建MakeFile、编译安装、配置静态资源访问，以及常见应用如百度、京东等的实践。
摘要由CSDN通过智能技术生成

使用nginx

nginx简介

Nginx (“engine x”) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。

1.环境依赖安装

2.将nginx 压缩包上传到linux

3.解压

新建nginx目录，将压缩包解压到此目录

4.进入安装目录创建编译文件 MakeFile

5.编译并安装

6.进入nginx 安装目录并启动

7.更改配置文件nginx.conf

 # 表示当前映射都是匹配资源 以 gif jpg  jpeg png 等结尾的路径  ，然后去 root对应的目录下找
       location ~* \.(gif|jpg|jpeg|png|css|js|ico)$ {
            root /usr/local/nginx/;
            expires 30d;
        }

目的是访问静态资源

8.将文件放入/usr/local/nginx  目录下

就可以访问一些静态资源 html img mp4

文王浩
关注
  • 9
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【前端学习日记】使用HTML实现文件的上传和下载
qq_54207312的博客
04-07 9153
文件的上传和下载分别通过表单元素<input>和超链接标签<a>来实现。 文件的上传： 将表单元素<input>的属性type设置为“file”，即可实现选择文件的对话框，通过提交按钮，将表单域的数据提交到后台服务器，就可以实现文件的上传。 代码如下： 效果如下： 数据提交到后台服务器； 文件的下载： 超链接<a>标签的href属性值为文件、压缩包或.exe文件，点击超链接时，就会弹出下载框。 代码如下： 效果如下： ..
html页面实现文件上传
热门推荐
xiongtiancheng的博客
05-21 13万+
因为业务的需求，需要实现一个通过浏览器把本地文件上传到服务器的功能，因为之前没有做过，所以也是经过了一番探索才实现了这个功能，这里只介绍前端的实现，后台的接收、验证和保存就不介绍了。 这个流程如下： 1、读取本地文件 2、建立和服务器的连接（使用AJAX） 3、上传一些头信息和文件流 4、等待服务器响应后，显示结果 读取本地文件，在页面中点击 "浏览" 后，弹出文件选择对话框，使...
如何在前端html上传文件到服务器处理并反馈给前端展示
极客七
12-06 3032
一种前端post到后端处理并反馈给前端展示的解决方案 仓库地址在评论区html页面接受文件拖拽利于时间戳的实时性 和 PI的不确定性 进行验证FormDataajax上传文件到后台C# http 服务后端SimpleHttp：基于HttpListener二次封装Zip ToolBase64工具类封装基于PI的时钟加密key仓库地址 html页面接受文件拖拽 enableDropEvent: function (dropHandler, node = null) { var el =
HTML5 文件上传的2种方式
最新发布
alisky119的博客
06-29 1286
百度WEBUPLOADER上传视频等大文件，WEBUPLOAD组件实现文件上传功能和下载功能，JS大文件切片上传，断点续传实现DEMO，前端上传大文件的解决方案，前端上传大文件处理（切片、断点续传），前端大文件上传优化方案——分片上传，vue大文件上传解决方案，vue大文件上传解决方案10G，vue大文件上传解决方案50G，vue大文件上传解决方案100G，html5如何实现大文件断点续传、秒传，id=e1f49f3e1d4742e19135e00bd41fa3de。
HTML图片上传服务器
weixin_47568795的博客
03-13 1098
html图片上传服务器
html——上传文件到本地服务器目录(使用springboot框架)
知北行的博客
04-23 8828
开发环境：后台使用springboot框架，IDE使用idea，使用jquery与ajax方法实现将文件上传到本地的相应目录中。 1、前端html页面 前端上传文件时可以使用三种方法： 1、使用form标签中的 action 方法提交上传文件，这时表单提交成功后默认页面会自动进行跳转。 2、使用form标签，但使用ajax提交上传文件，页面不跳转。(推荐使用该方法) 3、不使用form...
HTML编辑器粘贴图片自动上传到服务器(Java版)
Mr_Zang666的博客
03-31 195
但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题。发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了。这个时候我们在编辑器中使用jsonp获取到处理完的图片数据替换原来的file:///xxxxxx.jpg路径就搞定了。所有图片都能够保存在服务器中，而且支持分布式图片存储。
Java上传文件图片到服务器的方法
08-28
Java 上传文件图片到服务器的方法 Java 上传文件图片到服务器的方法主要为大家详细介绍了 Java 上传文件图片到服务器的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。 首先，我们需要了解 HTML 页面的...
springboot以FTP方式上传文件到远程服务器
08-25
"Spring Boot 使用 FTP 方式上传文件到远程服务器" 在本文中，我们将详细介绍如何使用 Spring Boot 框架来实现 FTP 方式上传文件到远程服务器。FTP（File Transfer Protocol）是一种常用的文件传输协议，广泛应用于...
html5图片保存到服务器端
10-11
本文将探讨如何利用HTML5的Canvas元素与JavaScript技术在服务器端生成图片，并通过jQuery的POST方法将其上传到Java RESTful服务，以解决可能出现的图片无效问题。 一、HTML5 Canvas Canvas是HTML5中的一个绘图元素...
ajax上传多图到php服务器的方法
10-18
通过上述内容，我们不仅学习到了如何使用AJAX上传多张图片到服务器的方法，还了解了两种不同的图片存储方式各自的优缺点，以及如何在HTML中构建上传表单和在PHP中处理上传的文件。这些都是Web开发者在处理类似需求时...
html上传图片到服务器例子.zip
07-16
html上传图片到服务器例子
在html页面使用JavaScript实行文件上传到本地服务器并获取文件所在路径
02-29
使用JavaScript实现文件上传到本地服务器并获取到上传后文件所在路径，是由到JavaScript，java以及html页面。这个比较好，不是在jsp上获取路径，jsp太简单了，而且过时了，所以就在html页面实现了下功能，我主要是做出来插入到毕设项目中去。
PHP实现将HTML5中Canvas图像保存到服务器的方法
12-18
这篇关于“PHP实现将HTML5中Canvas图像保存到服务器的方法”的文章，主要介绍了如何利用HTML5 Canvas和PHP技术来满足特定的需求，即用户在网页上签名后将签名图像保存到服务器。 一、背景及需求 几年前，当HTML5...
WebService 大文件上传,断点续传分片
weixin_52050572的博客
05-07 1404
用户上传的文件比较大，有20G左右，直接用HTML传的话容易失败，服务器也容易出错，需要分片，分块，分割上传。百度WEBUPLOADER上传视频等大文件，WEBUPLOAD组件实现文件上传功能和下载功能，JS大文件切片上传，断点续传实现DEMO，前端上传大文件的解决方案，前端上传大文件处理（切片、断点续传），前端大文件上传优化方案——分片上传，vue大文件上传解决方案，vue大文件上传解决方案10G，vue大文件上传解决方案50G，vue大文件上传解决方案100G，html5如何实现大文件断点续传、秒传，
html文件怎么传到服务器上,如何把html文件上传到云服务器
weixin_29079743的博客
08-10 2974
如何把html文件上传到云服务器 内容精选换一换RedisShake是一款开源的Redis迁移工具，支持Cluster集群的在线迁移与离线迁移(备份文件导入)。DCS Cluster集群与Redis Cluster集群设计一致，数据可平滑迁移。本文以Linux系统环境为例，介绍如何使用Redis-Shake工具进行Cluster集群数据迁移。在线迁移主要适用于自建Redis Clust已获取该弹性...
html向服务器上传文件,html/jsp上传文件到服务器
weixin_39746552的博客
06-05 689
需要导入：jar包html/jsp代码form表单中method必须设置为post，并且要设置enctype=”multipart/form-data”,要提交的inpu标签要设置name属性文件：servlet代码import org.apache.commons.fileupload.FileItem;import org.apache.commons.fileupload.disk.Disk...
js实现上传文件夹
weixin_45525177的博客
04-16 447
js实现上传文件夹，js实现上传大文件，js实现分片上传大文件，js实现切片上传大文件，js实现分块上传大文件，js实现切割上传大文件，js实现批量上传文件夹，js实现批量上传大文件，js实现加密上传大文件，js实现多线程上传大文件，js文件分片上传，js文件分块上传，js文件切片上传，js文件分割上传，js文件批量上传，js文件夹上传，js文件加密上传，js文件断点续传，js文件多线程上传，js文件夹批量上传，支持云对象存储，比如华为云，阿里云，腾讯云，七牛云，AWS，MinIO,FastDFS，
html/jsp上传文件到服务器
qq_44784185的博客
11-03 783
需要导入：jar包 html/jsp代码 form表单中method必须设置为post，并且要设置enctype=”multipart/form-data”,要提交的inpu标签要设置name属性 <form action="服务器接口" method="post" enctype="multipart/form-data"> 文件：<input type...
使用 html 和javascript 实现 图片压缩上传到服务器
05-17
可以通过以下步骤使用 HTML 和 JavaScript 实现图片压缩并上传到服务器： 1. 在 HTML 文件中创建一个 input 元素，使用户可以选择要上传的图片文件： ```html <input type="file" id="file-input"> ``` 2. 使用 JavaScript 获取用户选择的图片文件，并将其转换为 base64 格式： ```javascript const fileInput = document.getElementById('file-input'); const file = fileInput.files[0]; const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function() { const base64Image = reader.result; }; ``` 3. 使用 JavaScript 创建一个 Image 对象，加载用户选择的图片文件，并在加载完成后将其绘制到一个 Canvas 上： ```javascript const img = new Image(); img.src = base64Image; img.onload = function() { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); // 设置 Canvas 大小为图片大小 canvas.width = img.width; canvas.height = img.height; // 在 Canvas 上绘制图片 ctx.drawImage(img, 0, 0); // 获取 Canvas 上的压缩后的图片数据 const compressedImage = canvas.toDataURL('image/jpeg', 0.5); }; ``` 在这个例子中，我们将图片压缩为质量为 50% 的 JPEG 格式。 4. 创建一个 XMLHttpRequest 对象，将压缩后的图片数据作为请求体发送到服务器： ```javascript const xhr = new XMLHttpRequest(); xhr.open('POST', '/upload'); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send(`image=${encodeURIComponent(compressedImage)}`); ``` 在这个例子中，我们将压缩后的图片数据作为 image 参数发送到服务器。 完整的 HTML 和 JavaScript 代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片上传</title> </head> <body> <input type="file" id="file-input"> <button id="upload-btn">上传</button> <script> const fileInput = document.getElementById('file-input'); const uploadBtn = document.getElementById('upload-btn'); fileInput.addEventListener('change', function() { const file = fileInput.files[0]; const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function() { const base64Image = reader.result; const img = new Image(); img.src = base64Image; img.onload = function() { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); // 设置 Canvas 大小为图片大小 canvas.width = img.width; canvas.height = img.height; // 在 Canvas 上绘制图片 ctx.drawImage(img, 0, 0); // 获取 Canvas 上的压缩后的图片数据 const compressedImage = canvas.toDataURL('image/jpeg', 0.5); uploadBtn.addEventListener('click', function() { const xhr = new XMLHttpRequest(); xhr.open('POST', '/upload'); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send(`image=${encodeURIComponent(compressedImage)}`); }); }; }; }); </script> </body> </html> ``` 请注意，这只是一个简单的示例，实际应用中还需要考虑更多的因素，例如图片大小限制、上传进度显示、错误处理等等。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值