Vectorize Local Files – Aspose.HTML Cloud

This article explains how to vectorize local image files into SVG using Aspose.HTML Cloud API in synchronous and asynchronous modes. Supported raster image formats include PNG, JPEG, JPG, BMP, GIF, and WEBP.

Before starting, ensure you have an authorization token. Refer to the Authorization Guide for details.

Local File Vectorization Process

Aspose.HTML Cloud offers two methods for vectorizing local files:

Synchronous Vectorization: Suitable for smaller files; the vectorized SVG is returned immediately.
Asynchronous Vectorization: Ideal for larger files; vectorization runs in the background, allowing you to download the SVG once complete.

Step 1: Upload Local Image File to Cloud Storage

Upload your local raster image to Aspose Cloud storage before vectorization.

 1using System;
 2using System.Collections.Generic;
 3using System.IO;
 4using System.Net.Http;
 5using System.Net.Http.Headers;
 6using System.Threading.Tasks;
 7using Newtonsoft.Json;
 8
 9public async Task<string> UploadImageFile(string token, string filePath)
10{
11    string apiUrl = "https://api.aspose.cloud/v4.0/html/file";
12
13    using var client = new HttpClient();
14    client.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("Bearer", token);
15
16    using var content = new MultipartFormDataContent();
17    await using var fileStream = new FileStream(filePath, FileMode.Open, FileAccess.Read);
18    using var fileContent = new StreamContent(fileStream);
19
20    fileContent.Headers.ContentType = new MediaTypeHeaderValue("image/png");
21    content.Add(fileContent, "file", Path.GetFileName(filePath));
22
23    var response = await client.PostAsync(apiUrl, content);
24    var responseContent = await response.Content.ReadAsStringAsync();
25
26    if (!response.IsSuccessStatusCode)
27        throw new Exception($"Error uploading file: {response.StatusCode} - {responseContent}");
28
29    var result = JsonConvert.DeserializeObject<dynamic>(responseContent);
30    return result.uploaded[0];
31}

JavaScript

 1async function uploadImageFile(token, filePath) {
 2    const apiUrl = "https://api.aspose.cloud/v4.0/html/file";
 3    const file = new File([await fetch(filePath).then(res => res.blob())], "image.png", { type: "image/png" });
 4
 5    const formData = new FormData();
 6    formData.append('file', file);
 7
 8    const response = await fetch(apiUrl, {
 9        method: 'POST',
10        headers: { 'Authorization': `Bearer ${token}` },
11        body: formData
12    });
13
14    if (!response.ok) {
15        const error = await response.text();
16        throw new Error(`Error uploading file: ${response.status} - ${error}`);
17    }
18
19    const responseData = await response.json();
20    console.log("Uploaded File Response: ", responseData);
21    return responseData.uploaded[0];
22}

Step 2: Vectorize Uploaded File

Use the uploaded file’s cloud path as InputPath in synchronous and asynchronous vectorization methods described in the Vectorization Guide.

Vectorize Local Files – Aspose.HTML Cloud

Local File Vectorization Process

Step 1: Upload Local Image File to Cloud Storage

Step 2: Vectorize Uploaded File

See Also