前端华为云obs上传图片

您可以使用JavaScript SDK来实现前端华为云OBS上传图片的功能。以下是一个简单的示例代码：

// 初始化OBS SDK
var obsClient = new OBS({
    access_key_id: 'your_access_key_id',
    secret_access_key: 'your_secret_access_key',
    server: 'your_obs_endpoint'
});

// 监听文件选择事件
document.getElementById('file-input').addEventListener('change', function(event) {
    var file = event.target.files[0];
    
    // 生成文件名，这里使用时间戳
    var filename = Date.now() + '-' + file.name;
    
    // 上传文件
    obsClient.putObject({
        Bucket: 'your_obs_bucket',
        Key: filename,
        Body: file,
        ContentType: file.type
    }, function(err, result) {
        if (err) {
            console.error('Error:', err);
        } else {
            console.log('File uploaded successfully:', result.Key);
        }
    });
});

在上面的代码中，您需要替换以下参数：

- `your_access_key_id`：您的华为云Access Key ID。
- `your_secret_access_key`：您的华为云Secret Access Key。
- `your_obs_endpoint`：您的华为云OBS Endpoint。
- `your_obs_bucket`：您要上传到的华为云OBS Bucket。

此外，您还需要在HTML中添加一个文件选择框：

<input type="file" id="file-input">

当用户选择文件后，文件选择框会触发`change`事件，然后您可以在事件处理函数中调用`obsClient.putObject`方法来上传文件。上传成功后，回调函数中会返回上传文件的Key。