Methode de constrate fonctionnel

Author: apachefranklin

.gitignore

@@ -1,5 +1,10 @@
 # Byte-compiled / optimized / DLL files
-__pycache__/
+*__pycache__/*
+*/__pycache__/
+__pycache__/*
+migrations/*
+*/migrations/
+*/static/imageprocess/images/
 *.py[cod]
 *$py.class
 

imageprocess/settings.py

@@ -37,6 +37,7 @@
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+    'imgprocess.apps.ImgprocessConfig'
 ]
 
 MIDDLEWARE = [

imageprocess/urls.py

@@ -1,10 +1,10 @@
 
 from django.contrib import admin
 from django.urls import path,include
-from improcess import views as imgviews
+from imgprocess import views as imgviews
 
 urlpatterns = [
     path("",imgviews.index,name="home"),
-    path("process/",include("imageprocess.urls")),
+    path("process/",include("imgprocess.urls")),
     path('admin/', admin.site.urls),
 ]

imgprocess/img_api.py

@@ -0,0 +1,38 @@
+from django.http import JsonResponse
+from django.shortcuts import render
+from django.http import HttpResponseRedirect
+
+import os
+from .form import UploadFileForm
+from .utils.img_lib import ImgLib
+from .utils.utility import *
+from PIL import Image
+import numpy as np
+
+def _constrate(request):
+    image_file=request.FILES["imguploaded"]
+    #print(str(image_file))
+    file_name,file_extension=os.path.splitext(str(image_file))
+    saved_name=get_random_string(15)+file_extension
+    #we save file to the disk
+    handle_uploaded_file(request.FILES['imguploaded'],"imgprocess/static/imageprocess/images/"+saved_name)
+    #file_name,file_extension="bonjour",".jpeg"
+    imgglib=ImgLib()
+    img_final=Image.open("imgprocess/static/imageprocess/images/"+saved_name)
+    img_matrix=np.reshape(list(img_final.getdata()),img_final.size)
+    #print(img_matrix.shape)
+    #img_matrix=imgglib.get_image_matrix("imgprocess/static/imageprocess/images/"+saved_name)
+    saturation_min=int(request.POST["saturation-min"])
+    saturation_max=int(request.POST["saturation-max"])
+
+    #appel de la tranformation lineaire
+    final_matrix=imgglib.linea_transformation(img_matrix,saturation_min,saturation_max)
+    #final_matrix=np.reshape(final_matrix,(final_matrix.shape[0]*final_matrix.shape[1]))
+    img=Image.fromarray(final_matrix.astype(np.uint8))
+    #maintenant nous devons creer un nom pour notre fichier
+    
+    img.save("imgprocess/static/imageprocess/images/result/"+saved_name)
+    return JsonResponse({"original_name":str(image_file),"extention":file_extension,"saved_name":saved_name})
+
+def _egalisation_histogramme(request):
+    return JsonResponse({"status":True})

imgprocess/static/imageprocess/images/name.jpg

@@ -22,122 +22,34 @@ h1, h2, h3, h4, h5, h6, .worksans, .worksans * {
     font-family: 'Work Sans', sans-serif !important;
 }
 
-.main-color {
-    background-color: #060d3b;
-    background-color: rgb(6, 13, 59);
-}
-
-.second-color {
-    background-color: #c73434;
-    background-color: rgb(199, 52, 52);
-}
-
-.second-color-text, .second-color-text a, .second-color-text.navbar-nav .nav-link {
-    color: rgb(199, 52, 52);
-}
-
-.main-color-text, .main-color-text a, .main-color-text.navbar-nav .nav-link {
-    color: #060d3b;
-}
-
-.third-color {
-    background-color: #a1a1a1;
-    background-color: rgb(161, 161, 161);
-}
-.stat-card .row .card {
-    height: 150px;
-    vertical-align: middle;
-    text-align: center;
-    padding-top: 25%;
-    margin-top: 25px;
-    margin-bottom: 25px;
-}
-::placeholder{
-    color: #BaB3B3 !important;
-    color : rgba(186,179,179,0.7) !important;
-}
-
-input:focus{
-    border-top: 0px ;
-    border-left: 0px ;
-    border-right: 0px ;
-    border-bottom: 2px ;
-    border-bottom-color:#060d3b;
-    
-}
-
-.title-text {
-    text-align: justify;
-    text-decoration: white;
-    text-shadow: #060d3b;
-    font-size: 40px;
-    font-family: Georgia, 'Times New Roman', Times, serif;
-    margin: 10px;
-    
-}
-.next:hover{
- background-color: #060d3b;
+.image-preview,.btn-image-previews,.btn-image-preview{
+    display: block !important;
+    width: 100px !important;
+    height: 100px !important;
+    border-radius: 4px !important;
+    border: 1px solid #ebebeb !important;
+    background-color:#eeeeee !important;
+    box-shadow: none !important;
 }
-.border-right-none{
-    border-right-width: 0px;
+label.btn-image-preview{
+    line-height: 100px !important;
+    text-align:center;
+    font-size:48px !important;
 }
-.border-left-none
-{
-    border-left-width: 0px;
+.btn-image-previews{
+    line-height: 100px !important;
+    text-align:center;
+    font-size:48px !important;
+    background-color:#1d0e1d !important;
 }
-.already:hover{
-    color: #c73434 ;
-
+.remove_image{
+    font-size: 24px;
+    font-style: normal;
+    font-weight: bolder;
+    cursor: pointer;
 }
 
-@media(min-width:768px)
-{
-    .logo_blanc{
-      margin-top: 0px;
-      top: 0px;
-      
-    }
-    .row
-    {
-      margin-top: 20px;
-    }
-    .white-part
-    {
-        top: 0px;
-    }
-    body
-    {
-     width: 100%;
-    }
-
-}
-.inputLogin {
-    
-    padding-left: 3rem;
-    border-left: 1px solid rgb(206, 212, 218) !important;
-    border-top-left-radius: 4px !important;
-    border-bottom-left-radius: 4px !important;
-    transition: 0.2s ease-in border;
-}
-.inputLogin:focus {
-    box-shadow: none !important;
-    border-bottom: 1px solid #060d3bb3;
-    border-left: none !important;
-    /* border-top-left-radius: 4px !important; */
-    border-radius: 0px !important;
-}
-.iconLogin {
-    position: absolute;
-    top: 10px;
-    left: 10px;
-    z-index: 5;
-    color: #060d3b;
-}
-.inputloginGroup{
-    position: relative;
-}
-.yoyo {
-    margin-top: -2rem;
-    margin-left: -3.2rem;
-    transform: rotate(14deg);
+.img-list-work .card{
+    height: 300px;
+    background-color: #eeeeee;
 }

imgprocess/static/shared/css/imageprocess.css

@@ -0,0 +1,33 @@
+function showPreview(objFileInput,html_element) {
+    if (objFileInput.files[0]) {
+        var fileReader = new FileReader();
+        fileReader.onload = function (e) {
+            $(html_element).html('<img src="'+e.target.result+'" width="100%" height="100%" class="upload-preview" />');
+        }
+		fileReader.readAsDataURL(objFileInput.files[0]);
+    }
+}
+
+
+$(function(e){
+    $("#form_upload_image").submit(function(r){
+        form_data=new FormData(this)
+        $.ajax({
+            url:$(this).attr("action"),
+            data:form_data,
+            contentType: false,
+            cache: false,
+            processData: false,
+            dataType: "json",
+            method:"POST",
+            success:function(result){
+                console.log("bonjour")
+                $("#result-box").html("<img src='/static/imageprocess/images/result/"+result["saved_name"]+"' width='100%' height='100%' />");
+            },
+            error:function(result){
+                console.log("error")
+            }
+        });
+        return false;
+    });
+});

imgprocess/static/shared/js/anavi.js

@@ -6,6 +6,8 @@
     <link rel="stylesheet" type="text/css" href="{% static 'shared/css/librairies/bootstrap.min.css' %}" />
     <link rel="stylesheet" type="text/css" href="{% static 'shared/css/imageprocess.css' %}" />
      <script type="text/javascript" src="{% static 'shared/js/librairies/jquery-3.5.1.min.js' %}"></script>
+         <script type="text/javascript" src="{% static 'shared/js/img_process.js' %}"></script>
+
     </head>
 </head>
 <body>