手机图片直达服务器：Android 和后端代码解密

2024-01-24 04:37:12

Android图片上传服务器：全面指南

背景

在移动应用开发中，图片上传是一个常见的需求。它使我们能够存储和共享用户图像、产品照片等信息。本文将深入探讨如何使用Android和OkHttp将手机图片直接上传到服务器。

Android客户端

1. 添加依赖项

在项目中添加OkHttp依赖项：

implementation 'com.squareup.okhttp3:okhttp:4.9.3'

2. 编写图片上传代码

使用OkHttp客户端对象创建multipart/form-data请求体，其中包含图片文件：

OkHttpClient client = new OkHttpClient();

RequestBody requestBody = new MultipartBody.Builder()
        .setType(MultipartBody.FORM)
        .addFormDataPart("image", "image.jpg", RequestBody.create(MediaType.parse("image/jpeg"), imageFile))
        .build();

Request request = new Request.Builder()
        .url("http://example.com/upload")
        .post(requestBody)
        .build();

client.newCall(request).enqueue(new Callback() {
    @Override
    public void onResponse(Call call, Response response) throws IOException {
        if (response.isSuccessful()) {
            // 图片上传成功
        } else {
            // 图片上传失败
        }
    }

    @Override
    public void onFailure(Call call, IOException e) {
        // 网络请求失败
    }
});

后端服务器

1. 安装依赖项

在Node.js项目中安装multer库：

npm install multer

2. 编写图片保存代码

使用multer库保存图片：

const multer = require('multer');

const storage = multer.diskStorage({
    destination: './uploads',
    filename: function (req, file, cb) {
        cb(null, Date.now() + '-' + file.originalname);
    }
});

const upload = multer({ storage: storage });

app.post('/upload', upload.single('image'), (req, res) => {
    res.json({ success: true, message: 'Image uploaded successfully' });
});