VirtIT/web-ft
2
0
Fork 0
Code Issues 4 Pull Requests Releases Wiki Activity

Remove the jquery dependency

Browse Source
This commit is contained in:
Beu 2019-10-22 14:19:02 +02:00
parent cc8bbf6fc6
commit 0677239783
2 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
front.php
View File

@ -4,13 +4,12 @@
<link rel="stylesheet" type="text/css" href="<?php print(_HTTP_PATH . "style.css"); ?> "> <link rel="stylesheet" type="text/css" href="<?php print(_HTTP_PATH . "style.css"); ?> ">
<link rel="icon" type="image/x-icon" href="<?php print(_HTTP_PATH . "favicon.ico"); ?> "> <link rel="icon" type="image/x-icon" href="<?php print(_HTTP_PATH . "favicon.ico"); ?> ">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="<?php print(_HTTP_PATH . "script.js"); ?> "></script> <script src="<?php print(_HTTP_PATH . "script.js"); ?> "></script>
</head> </head>
<body> <body>
<h1>File Transfer</h1> <h1>File Transfer</h1>
<div id=dragzone class=dragndrop ondrop="upload_file(event);" ondragover="return false" ondragenter="change_color_ondrag('ondragenter');" ondragleave="change_color_ondrag('ondragleave');" > <div id=dragzone class=dragndrop ondrop="file_dropped(event);" ondragover="return false" ondragenter="change_color_ondrag('ondragenter');" ondragleave="change_color_ondrag('ondragleave');" >
Drag and Drop your file or <input type="button" value="Select File" onclick="file_explorer();"> Drag and Drop your file or <input type="button" value="Select File" onclick="file_explorer();">
<input type="file" id="uploadfile" hidden> <input type="file" id="uploadfile" hidden>
<br><br><br><br> <br><br><br><br>

34
script.js
View File

@ -1,10 +1,9 @@
var fileobj; var fileobj;
function upload_file(e) function file_dropped(e)
{ {
console.log("droped")
e.preventDefault(); e.preventDefault();
fileobj = e.dataTransfer.files[0]; fileobj = e.dataTransfer.files[0];
ajax_file_upload(fileobj); upload_file(fileobj);
} }
function file_explorer() { function file_explorer() {
@ -12,7 +11,7 @@ function file_explorer() {
document.getElementById('uploadfile').onchange = function() document.getElementById('uploadfile').onchange = function()
{ {
fileobj = document.getElementById('uploadfile').files[0]; fileobj = document.getElementById('uploadfile').files[0];
ajax_file_upload(fileobj); upload_file(fileobj);
}; };
} }
@ -27,23 +26,22 @@ function copytoclipboard()
document.execCommand("Copy"); document.execCommand("Copy");
} }
function ajax_file_upload(file_obj) function upload_file(file_obj)
{ {
var divresponse = document.getElementById('divresponse'); var divresponse = document.getElementById('divresponse');
divresponse.innerHTML = "Uploading file..." ; divresponse.innerHTML = "Uploading file..." ;
$.ajax( const request = async () => {
{ var response = await fetch('/index.php', {
type: 'PUT', method: 'PUT',
url: 'index.php', body: file_obj
contentType: false, });
processData: false, var text = await response.text();
data: file_obj, console.log(text);
success:function(response) divresponse.innerHTML = text ;
{; document.getElementById('copytoclipboard').style.visibility = "visible";
divresponse.innerHTML = response ;
document.getElementById('copytoclipboard').style.visibility = "visible"; }
} request();
});
} }