Demo750's picture
Upload folder using huggingface_hub
569f484 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Upload</title>
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head>
<body>
<form method="post" action="/upload" enctype="multipart/form-data">
<label for="image">Choose an image to upload (max 16MB):</label>
<input type="file" name="image" id="image" accept="image/*" required>
<label for="brand_size">Brand Size (%):</label>
<input type="number" name="brand_size" id="brand_size" step="any" required>
<label for="pictorial_size">Pictorial Size (%):</label>
<input type="number" name="pictorial_size" id="pictorial_size" step="any" required>
<label for="text_size">Text Size (%):</label>
<input type="number" name="text_size" id="text_size" step="any" required>
<label for="ad_size">Ad Size (dm^2):</label>
<input type="number" name="ad_size" id="ad_size" step="any" required>
<label for="ad_location">Ad Location (left, right, spread):</label>
<input type="text" name="ad_location" id="ad_location" required>
<label for="gaze_type">Gaze Type (Ad, Brand):</label>
<input type="text" name="gaze_type" id="gaze_type" required>
<label for="option">Choose a category:</label>
<select name="option" id="option" size="5" required>
<option value="Potatoes / Vegetables / Fruit">Potatoes / Vegetables / Fruit</option>
<option value="Chemical products">Chemical products</option>
<option value="Photo / Film / Optical items">Photo / Film / Optical items</option>
<option value="Catering industry">Catering industry</option>
<option value="Industrial products other">Industrial products other</option>
<option value="Media">Media</option>
<option value="Real estate">Real estate</option>
<option value="Government">Government</option>
<option value="Personnel advertisements">Personnel advertisements</option>
<option value="Cars / Commercial vehicles">Cars / Commercial vehicles</option>
<option value="Cleaning products">Cleaning products</option>
<option value="Retail">Retail</option>
<option value="Fragrances">Fragrances</option>
<option value="Footwear / Leather goods">Footwear / Leather goods</option>
<option value="Software / Automation">Software / Automation</option>
<option value="Telecommunication equipment">Telecommunication equipment</option>
<option value="Tourism">Tourism</option>
<option value="Transport/Communication companies">Transport/Communication companies</option>
<option value="Transport services">Transport services</option>
<option value="Insurances">Insurances</option>
<option value="Meat / Fish / Poultry">Meat / Fish / Poultry</option>
<option value="Detergents">Detergents</option>
<option value="Foods General">Foods General</option>
<option value="Other services">Other services</option>
<option value="Banks and Financial Services">Banks and Financial Services</option>
<option value="Office Products">Office Products</option>
<option value="Household Items">Household Items</option>
<option value="Non-alcoholic beverages">Non-alcoholic beverages</option>
<option value="Hair, Oral and Personal Care">Hair, Oral and Personal Care</option>
<option value="Fashion and Clothing">Fashion and Clothing</option>
<option value="Other products and Services">Other products and Services</option>
<option value="Paper products">Paper products</option>
<option value="Alcohol and Other Stimulants">Alcohol and Other Stimulants</option>
<option value="Medicines">Medicines</option>
<option value="Recreation and Leisure">Recreation and Leisure</option>
<option value="Electronics">Electronics</option>
<option value="Home Furnishings">Home Furnishings</option>
<option value="Products for Business Use">Products for Business Use</option>
</select>
<button type="submit">Upload</button>
</form>
{% if filename %}
<div class="result">
<img src="{{ url_for('uploaded_file', filename=filename) }}" alt="Uploaded Image">
<p>Predicted Gaze: {{ processed_value }}</p>
</div>
{% endif %}
</body>
</html>