commit

Author: SaravanaPriyaS3

Common/Load PDF, Excel, PPT file types/Load PDF, Excel, PPT file types/src/index.html

@@ -23,9 +23,8 @@
       <!-- Initialize Uploader -->
       <div id="dropArea" style="height: auto; overflow: auto">
         <span id="drop">
-          Drop files (Word, Excel, PowerPoint, Image)
-          <a href="" id="browse"><u>Browse</u></a>
-        </span>
+          Drop files (Word, Excel, PowerPoint, Image) 
+          <a href="" id="browse"><u>Browse</u></a></span>
         <input type="file" name="UploadFiles" id="fileupload" />
       </div>
     </div>
@@ -132,7 +131,7 @@
         },
       });
 
-      readURL(liEle, file);
+      readURL(liEle, file); 
       proxy.fileList.push(liEle);
     }
 
@@ -173,20 +172,20 @@
       debugger
       var type = args.type;
       reader.addEventListener('load', function () {
-        let post = JSON.stringify({
-          'data': reader.result,
-          'type': type
-        })
-        const url = "https://localhost:44327/pdfviewer/LoadFile"
-        let xhr = new XMLHttpRequest()
-        xhr.open('Post', url, true)
-        xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
-        xhr.send(post);
-        xhr.onload = function (args) {
-          viewer = document.getElementById('pdfViewer').ej2_instances[0];
-          viewer.documentPath = this.responseText;
-        }
-      },
+          let post = JSON.stringify({
+            'data': reader.result,
+            'type': type
+          })
+          const url = "https://localhost:44327/pdfviewer/LoadFile"
+          let xhr = new XMLHttpRequest()
+          xhr.open('Post', url, true)
+          xhr.setRequestHeader('Content-type', 'application/json; charset=UTF-8')
+          xhr.send(post);
+          xhr.onload = function (args) {
+            viewer = document.getElementById('pdfViewer').ej2_instances[0];
+            viewer.documentPath = this.responseText;
+          }
+        },
         false
       );
       if (file) {
@@ -238,33 +237,33 @@
     padding: 20px 0 10px;
   }
 
-    #dropArea .e-upload .e-upload-files {
-      text-align: initial;
-      border-top: none;
-    }
+  #dropArea .e-upload .e-upload-files {
+    text-align: initial;
+    border-top: none;
+  }
 
-    #dropArea .e-upload-files .e-file-delete-btn.e-icons,
-    #dropArea .e-upload-files .e-file-remove-btn.e-icons,
-    #dropArea .e-upload-files .e-file-abort-btn {
-      top: 120px;
-      background-color: white;
-      border-radius: 50%;
-      font-size: 12px;
-      left: 80px;
-    }
+  #dropArea .e-upload-files .e-file-delete-btn.e-icons,
+  #dropArea .e-upload-files .e-file-remove-btn.e-icons,
+  #dropArea .e-upload-files .e-file-abort-btn {
+    top: 120px;
+    background-color: white;
+    border-radius: 50%;
+    font-size: 12px;
+    left: 80px;
+  }
 
-    #dropArea .e-upload-files li .e-file-remove-btn.e-icons.e-upload-icon {
-      font-size: 14px;
-      left: 20px;
-    }
+  #dropArea .e-upload-files li .e-file-remove-btn.e-icons.e-upload-icon {
+    font-size: 14px;
+    left: 20px;
+  }
 
-    #dropArea .e-upload-files li:hover .e-icons {
-      visibility: visible;
-    }
+  #dropArea .e-upload-files li:hover .e-icons {
+    visibility: visible;
+  }
 
-    #dropArea .e-upload-files li .e-icons {
-      visibility: hidden;
-    }
+  #dropArea .e-upload-files li .e-icons {
+    visibility: hidden;
+  }
 
   .control-section {
     width: 100% !important;
@@ -291,9 +290,9 @@
     -moz-osx-font-smoothing: grayscale;
   }
 
-    #dropArea .e-upload .e-upload-files .e-icons.e-upload-icon::before {
-      content: '\e700';
-    }
+  #dropArea .e-upload .e-upload-files .e-icons.e-upload-icon::before {
+    content: '\e700';
+  }
 
   #dropArea .e-upload .e-upload-files .e-icons:not(.e-uploaded):hover {
     background-color: #e6e6e6;
@@ -336,17 +335,17 @@
     border-radius: 5px;
   }
 
-    .upload-image:after {
-      content: '';
-      position: absolute;
-      top: 6px;
-      left: 6px;
-      width: inherit;
-      height: inherit;
-      background: lightgray url('http://via.placeholder.com/300?text=Loading...') no-repeat center;
-      color: transparent;
-      border-radius: 5px;
-    }
+  .upload-image:after {
+    content: '';
+    position: absolute;
+    top: 6px;
+    left: 6px;
+    width: inherit;
+    height: inherit;
+    background: lightgray url('http://via.placeholder.com/300?text=Loading...') no-repeat center;
+    color: transparent;
+    border-radius: 5px;
+  }
 
   .highcontrast div.file-name,
   .material-dark div.file-name,
@@ -503,13 +502,15 @@
     color: #22d3ee;
   }
 
-  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+  @media all and (-ms-high-contrast: none),
+  (-ms-high-contrast: active) {
 
     #dropArea .e-upload .e-upload-files .e-file-remove-btn.e-icons,
     .e-bigger #dropArea .e-upload .e-upload-files .e-file-remove-btn.e-icons {
       padding: 18px 25px 18px 12px;
     }
   }
+
 </style>
 
 </html>

Common/Load PDF, Excel, PPT file types/Web Service/Controllers/PdfViewerController.cs

@@ -458,4 +458,4 @@ public IActionResult Index()
             return View();
         }
     }
-}
+}