{"id":14,"date":"2023-04-01T07:29:10","date_gmt":"2023-04-01T07:29:10","guid":{"rendered":"https:\/\/info.stronazen.pl\/?page_id=14"},"modified":"2023-04-10T15:59:33","modified_gmt":"2023-04-10T15:59:33","slug":"14-2","status":"publish","type":"page","link":"https:\/\/info.stronazen.pl\/","title":{"rendered":"home"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.20.2″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″] Image Classification<\/title><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"apiWrapper\"><!-- [et_pb_line_break_holder] --> <\/p>\n<form id=\"customImageUploadForm\" enctype=\"multipart\/form-data\"><!-- [et_pb_line_break_holder] --> <input type=\"file\" id=\"imageFile\" accept=\"image\/*\"><!-- [et_pb_line_break_holder] --> <button type=\"submit\">Upload<\/button><!-- [et_pb_line_break_holder] --> <\/form>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"apiResult\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] --> var uploadForm = document.getElementById(\"customImageUploadForm\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (uploadForm) {<!-- [et_pb_line_break_holder] --> uploadForm.addEventListener(\"submit\", async function(event) {<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var imageFileInput = document.getElementById(\"imageFile\");<!-- [et_pb_line_break_holder] --> var imageFile = imageFileInput.files[0];<!-- [et_pb_line_break_holder] --> var apiUrl = \"https:\/\/astute-strategy-382312.lm.r.appspot.com\/upload\"; \/\/ \"http:\/\/127.0.0.1:5000\/upload\"<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> console.log(\"Submitting form...\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> try {<!-- [et_pb_line_break_holder] --> var formData = new FormData();<!-- [et_pb_line_break_holder] --> formData.append(\"image\", imageFile);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var response = await fetch(apiUrl, {<!-- [et_pb_line_break_holder] --> method: \"POST\",<!-- [et_pb_line_break_holder] --> body: formData,<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (response.ok) {<!-- [et_pb_line_break_holder] --> var result = await response.json();<!-- [et_pb_line_break_holder] --> console.log(result);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/\/ Collect labels from the result object<!-- [et_pb_line_break_holder] --> var labels = [];<!-- [et_pb_line_break_holder] --> for (var key in result) {<!-- [et_pb_line_break_holder] --> if (result.hasOwnProperty(key)) {<!-- [et_pb_line_break_holder] --> var label = {<!-- [et_pb_line_break_holder] --> label: result[key].text,<!-- [et_pb_line_break_holder] --> probability: result[key].probability * 100,<!-- [et_pb_line_break_holder] --> images: result[key].images<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> labels.push(label);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/\/ Loop through the labels and format the output<!-- [et_pb_line_break_holder] --> var labelText = \"\";<!-- [et_pb_line_break_holder] --> for (var i = 0; i < labels.length; i++) {<!-- [et_pb_line_break_holder] --> labelText += \"<\/p>\n<h3>\" + labels[i].label + \", Probability: \" + labels[i].probability.toFixed(2) + \"%<\/h3>\n<p>\";<!-- [et_pb_line_break_holder] --> for (var j = 0; j < labels[i].images.length; j++) {<!-- [et_pb_line_break_holder] --> labelText += \"<img src=\\\"data:image\/png;base64,\" + labels[i].images[j] + \"\\\" alt=\\\"\" + labels[i].label + \"\\\"><!\u2013- [et_pb_br_holder] -\u2013><!\u2013- [et_pb_br_holder] -\u2013>\";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Display the labels on your website<!-- [et_pb_line_break_holder] --> var resultDiv = document.getElementById(\"apiResult\");<!-- [et_pb_line_break_holder] --> if (!resultDiv) {<!-- [et_pb_line_break_holder] --> resultDiv = document.createElement(\"div\");<!-- [et_pb_line_break_holder] --> resultDiv.id = \"apiResult\";<!-- [et_pb_line_break_holder] --> uploadForm.parentElement.appendChild(resultDiv);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> resultDiv.innerHTML = labelText;<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> throw new Error(\"API request failed\");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> } catch (error) {<!-- [et_pb_line_break_holder] --> console.error(\"Error:\", error);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}” min_height=”1024px”][et_pb_column type=”4_4″ _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.20.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":""},"_links":{"self":[{"href":"https:\/\/info.stronazen.pl\/index.php\/wp-json\/wp\/v2\/pages\/14"}],"collection":[{"href":"https:\/\/info.stronazen.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/info.stronazen.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/info.stronazen.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/info.stronazen.pl\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":33,"href":"https:\/\/info.stronazen.pl\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/info.stronazen.pl\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/info.stronazen.pl\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}