现在随着智能手机和电脑的普及，我们可以很方便地拍摄照片和截屏，但是大多数情况下这些图片都只存在于我们自己的设备上 。如何把这些图片发送到服务器上呢？本文将介绍两种常见的方法 。
1.通过表单上传
第一种方法是通过HTML表单上传 。当我们在网页上上传文件时，其实就是利用了表单来提交数据 。同样，我们也可以利用表单来上传图片到服务器上 。
以下是一个基本的表单结构：
```html
```
其中，action属性指定了数据要提交到的地址 ， method属性指定了提交的方式（POST或GET），enctype属性指定了编码类型（多用于文件上传） 。
当用户选择了一个文件后，点击“Upload”按钮 ， 该表单就会向服务器发送一个请求，请求包含了用户选中的图片文件 。这个请求被服务器接收后 ， 服务器就可以将这个文件保存到指定的目录中，以供后续操作使用 。
虽然表单上传非常简单 ， 但是其有一个明显的缺点：无法实现图片的实时预览 。如果对实时性要求比较高，比如说需要实时截屏并上传，那么我们可以考虑第二种方法 。
2.通过AJAX上传
第二种方法是通过AJAX上传 。AJAX可以实现异步请求，也就是说我们可以在后台不刷新当前页面的情况下上传图片 。这样，就可以实现图片的实时预览了 。
以下是一个基本的AJAX上传结构：
```javascript
var fileInput = document.getElementById("myFile");
var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php");
xhr.upload.addEventListener("progress", function(e) {
// 在这里更新进度条
}, false);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 在这里处理上传成功后的逻辑
}
};
xhr.send(fileInput.files[0]);
```
上述代码中，我们首先获取了一个文件输入框（input[type=file]），然后创建了一个XMLHttpRequest对象 ， 并打开一个POST请求 。接着，我们监听了上传进度事件，以便在上传过程中随时更新进度条 。最后，我们将用户选择的文件发送到服务器端，同时在服务器返回成功后处理相关逻辑 。
需要注意的是，AJAX上传需要考虑浏览器兼容性问题 。如果需要支持旧版IE浏览器 ， 我们需要使用ActiveXObject对象来实现AJAX上传 。
本文介绍了两种常见的方法，分别是表单上传和AJAX上传 。表单上传简单易懂，但无法实现实时预览 。AJAX上传可以实现实时预览 ， 但需要考虑浏览器兼容性问题 。根据实际需求和技术水平，读者可选择适合自己的方法来实现图片上传到服务器 。
推荐阅读
- redis value redisvalue教程
- redis安装失败,怎么卸载干净 安装redis时提示错误
- Redis基础命令 redis基础
- 如何更改网站服务器的域名？ 网址服务器域名怎么修改
- 虚拟服务器列表 虚里服务器怎么设置
- 如何缩小图片并上传至服务器？ 怎么把图片变小传到服务器
- 如何判断一个网址服务器的容量？ 网址服务器容量怎么看