diff --git a/web/fling/src/components/admin/Upload.jsx b/web/fling/src/components/admin/Upload.jsx index 3060bc2..e0296cc 100644 --- a/web/fling/src/components/admin/Upload.jsx +++ b/web/fling/src/components/admin/Upload.jsx @@ -17,6 +17,8 @@ export default function Upload(props) { let [dragCount, setDragCount] = useState(0); useEffect(() => { + // prevent browser from trying to open the file when drag event + // not recognized properly window.addEventListener("dragover",function(e){ e.preventDefault(); },false); @@ -26,20 +28,30 @@ export default function Upload(props) { }); function fileList() { - let fileList = []; + function readableBytes(bytes) { + if(bytes <= 0) return "0 KB"; + var i = Math.floor(Math.log(bytes) / Math.log(1024)), + sizes = ['Byte', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; + + return (bytes / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + sizes[i]; + } + + let fileList = []; files.forEach((file,idx) => { - fileList.push( -