VS_code上传文件到服务器说明(踩的坑)

1.使用sftp文件传输协议进行文件上传

1.1sftp的配置主要参考
vscode远程连接服务器(remote ssh)+上传本地文件到服务器(sftp)_vscode上传文件到服务器-CSDN博客icon-default.png?t=O83Ahttps://blog.csdn.net/xsh_roy/article/details/1274024001.2当完成参考文件到第二步时
 

若发现第一个文件已安装,但是ctrl+shift+P搜索不到SFTP时将第二个也安装上。 

 2.关于SFTP:Config的配置
 

        我自己使用远程连接服务器通常是直接在本地界面直接打开(即替换掉本地界面),因此在远程连接的界面进行设置后发现无法打开本地文件;且配置sftp:config文件后,上传文件过程十分混乱,一直会多出文件夹,这其实是我把sftpconfig配置到服务器了。正确操作是在参考文件第一步完成后,断开服务器连接,然后打开本地文件夹配置,或者如下解决:

(1)在连接到主机时,用一个新界面去连接主机,本地的VS_code界面不要关掉;
(2)连接完成后,在本地这个界面上打开本地文件夹:

(3)出现该界面则直接点上面这个文件,将内容修改为自己的内容;
(4)没上述文件,则按ctrl+shift+P填入sftp找到sftp:config,填入自己的内容;
(5)完了保存,直接在本地界面的文件夹右击;
 

 (6)点击如上图所示位置,即可完成上传,然后点开远程vs_code界面,即可看到自己上传的文件,如下图。

 重点:本地文件每次夹最好每次上传采用固定的文件夹,若采用新文件夹,则需要重新配置一遍sftp:config文件。因为.vscode目录文件是生成在你配置过的文件夹底下。服务器上不用配置。

要将图片上传到服务器,你可以使用以下步骤: 1. 配置服务器端:确保你的服务器有一个接受文件上传的端点。你可以使用框架如Express.js或Django来创建一个接口,用于接收和处理上传的图片。 2. 在VS Code中打开你的项目,并在终端中进入你的项目目录。 3. 在终端中运行以下命令安装所需的依赖: ``` npm install axios ``` 或者 ``` pip install requests ``` 4. 创建一个上传图片的函数。如果你使用的是JavaScript,可以使用Axios库发送POST请求。如果你使用的是Python,可以使用Requests库发送POST请求。以下是一个JavaScript示例: ```javascript const axios = require('axios'); const fs = require('fs'); async function uploadImageToServer(imagePath) { try { const url = 'http://your-server-endpoint'; // 替换为你的服务器端点 const image = fs.readFileSync(imagePath); const formData = new FormData(); formData.append('image', image); const response = await axios.post(url, formData, { headers: { 'Content-Type': 'multipart/form-data', }, }); console.log(response.data); // 服务器返回的响应 } catch (error) { console.error(error); } } uploadImageToServer('path/to/your/image.jpg'); // 替换为你的图片路径 ``` 如果你使用的是Python,可以使用以下代码: ```python import requests def upload_image_to_server(image_path): try: url = 'http://your-server-endpoint' # 替换为你的服务器端点 image = open(image_path, 'rb') files = {'image': image} response = requests.post(url, files=files) print(response.json()) # 服务器返回的响应 except Exception as e: print(e) upload_image_to_server('path/to/your/image.jpg') # 替换为你的图片路径 ``` 请确保替换代码中的`http://your-server-endpoint`为你的服务器端点,`path/to/your/image.jpg`为你的图片路径。 5. 运行上传图片的函数,将图片上传到服务器。 这样,你就可以将图片从VS Code上传到服务器了。记得根据你的实际情况进行适当的调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值