HTML à l'image

Comment convertir HTML en image en Java

HTML est le format de facto pour structurer les pages Web et il stocke le contenu au format texte standard. Les balises à l’intérieur de HTML définissent la mise en page et le contenu de la page Web, y compris le texte, les tableaux, les images et les hyperliens, qui sont affichés dans le navigateur Web. Cependant, enfin, il a été observé que des scripts malveillants peuvent être intégrés dans des pages HTML et peuvent être utilisés dans une variété de types d’attaques différents, y compris le cross-site scripting (XSS). Par conséquent, de nombreuses organisations/systèmes bloquent le chargement des fichiers HTML partagés en mode hors ligne. Une solution viable consiste donc à convertir le format HTML au format Image. Dans cet article, nous allons discuter des détails de la conversion de HTML en JPG en Java.

API de conversion HTML en image

Nous allons utiliser Aspose.HTML Cloud SDK for Java pour effectuer la conversion HTML en image. Cette API fournit la fonctionnalité permettant de charger et de manipuler des fichiers HTML existants. Dans le même temps, il offre également la possibilité de rendre HTML en PDF, XPS, DOCX et aux formats d’image, y compris (JPEG, PNG, BMP et TIFF). Veuillez maintenant ajouter les lignes suivantes au pom.xml de votre projet de type de construction Maven pour télécharger et installer le SDK.

<dependency>
<groupId>com.aspose</groupId>
<artifactId>aspose-html-cloud</artifactId>
<version>20.7.0</version>
</dependency>

La prochaine étape majeure est un abonnement gratuit à nos services cloud via tableau de bord Aspose.Cloud en utilisant GitHub ou un compte Google. Ou, tout simplement créez un nouveau compte et obtenez vos informations d’identification client.

Comment convertir HTML en JPG en Java

Veuillez suivre les instructions ci-dessous pour accomplir l’exigence de conversion HTML en JPG.

  • Tout d’abord, nous devons spécifier les détails par rapport aux méthodes Configuration.setAPPSID et Configuration.setAPIKEY
  • Deuxièmement, nous définissons les détails pour setBasePath(..), setAuthPath(..) et spécifions setUserAgent(…) comme WebKit
  • Troisièmement, pour notre propre assistance, nous allons définir setDebug(..) sur true
  • Créez maintenant un objet de la classe ConversionApi
  • Spécifiez les détails de la marge et le nom des informations pour le fichier résultant
  • Enfin, appelez GetConvertDocumentToImage(…) pour lancer le processus de conversion. Cette méthode accepte le nom HTML d’entrée, le format d’image résultant, la marge et les détails des dimensions comme arguments
// pour plus d'exemples, veuillez visiter https://github.com/aspose-html-cloud/aspose-html-cloud-java

try
    {
    // Obtenez ClientID et ClientSecret à partir de https://dashboard.aspose.cloud/
    String clientId = "bbf94a2c-6d7e-4020-b4d2-b9809741374e";
    String clientSecret = "1c9379bb7d701c26cc87e741a29987bb";
  
    // détails pour l'appel d'API
    com.aspose.html.Configuration.setAPP_SID(clientId);
    com.aspose.html.Configuration.setAPI_KEY(clientSecret);
    com.aspose.html.Configuration.setBasePath("https://api.aspose.cloud/v3.0");
    com.aspose.html.Configuration.setAuthPath("https://api.aspose.cloud/connect/token");
    com.aspose.html.Configuration.setUserAgent("WebKit");
    com.aspose.html.Configuration.setDebug(true);
        
    // Créer un objet de l'API Aspose.HTML Cloud
    com.aspose.html.api.ConversionApi htmlApi = new ApiClient().createService(ConversionApi.class);
     	
    // Le document html du stockage en nuage
    String name = "list.html";
    // format d'image résultant
    String outFormat = "PNG";
    	
    Integer width = 800; // Resulting image width.
    Integer height = 1000; // Resulting image height.
    Integer leftMargin = 10; // Left resulting image margin.
    Integer rightMargin = 10; // Right resulting image margin.
    Integer topMargin = 10; // Top resulting image margin.
    Integer bottomMargin = 10; // Bottom resulting image margin.
    Integer resolution = 300; // Resolution of resulting image.
    String folder = null; // The folder in the storage. Should exist.
    String storage = "Internal"; // Name of the storage. null
    	
    // Appeler l'API pour la conversion HTML en JPG
    retrofit2.Call<okhttp3.ResponseBody> call = htmlApi.GetConvertDocumentToImage(name, outFormat, width, height, leftMargin, rightMargin, topMargin, bottomMargin, resolution, folder, storage);
    
    // (méthode personnalisée facultative pour enregistrer le JPG résultant sur le lecteur local)
    checkAndSave(call, "resultantFile.png");
  
    System.out.println("HTML to JPG conversion sucessfull !");
    }catch(Exception ex)
    {
        System.out.println(ex);
    }

Convertir HTML en JPG à l’aide des commandes cURL

Les API Aspose.HTML Cloud sont également accessibles via des commandes cURL à l’aide de terminaux de ligne de commande. Mais comme condition préalable, nous devons d’abord générer un jeton Web JSON (JWT) basé sur vos informations d’identification client individuelles. Veuillez exécuter la commande suivante pour générer le jeton JWT.

curl -v "https://api.aspose.cloud/connect/token" \
-X POST \
-d "grant_type=client_credentials&client_id=bbf94a2c-6d7e-4020-b4d2-b9809741374e&client_secret=1c9379bb7d701c26cc87e741a29987bb" \
-H "Content-Type: application/x-www-form-urlencoded" \
-H "Accept: application/json"

Une fois le jeton JWT généré, veuillez exécuter la commande suivante sur le terminal pour effectuer la conversion HTML en image.

curl -v -X GET "https://api.aspose.cloud/html/list.html/convert/image/JPG" \
-H  "accept: multipart/form-data" \
-H  "authorization: Bearer <JWT Token>"

Conclusion

Nous avons appris la conversion de HTML en image à l’aide d’extraits de code Java ainsi que les détails sur la façon dont nous pouvons convertir HTML en JPG à l’aide de commandes cURL. Le produit Documentation est une excellente source pour apprendre d’autres fonctionnalités étonnantes offertes par l’API. De plus, si vous rencontrez des problèmes lors de l’utilisation de l’API, n’hésitez pas à contacter le forum d’assistance produit gratuit.

Articles Liés

Nous vous recommandons également de visiter les blogs suivants pour plus de détails concernant :