CURRENT PATH:
/
home
/
u921493091
/
domains
/
hire-u.com
/
public_html
/
assets
/
js
/
[ ⬅ KEMBALI ]
|
[ HOME ]
Upload File:
Upload Ke Sini
Dir Baru
File Baru
Editing:
drop-zone.js
const dropArea=document.querySelector(".drag-area"),dragText=dropArea.querySelector("header"),button=dropArea.querySelector("button"),input=dropArea.querySelector("input");let file;button.onclick=()=>{input.click();} input.addEventListener("change",function(){$('#imageInput').val($(this).val());file=this.files[0];dropArea.classList.add("active");showFile();});dropArea.addEventListener("dragover",(event)=>{event.preventDefault();dropArea.classList.add("active");dragText.textContent="Release to Upload File";});dropArea.addEventListener("dragleave",()=>{dropArea.classList.remove("active");dragText.textContent="Drag & Drop to Upload File";});dropArea.addEventListener("drop",(event)=>{event.preventDefault();file=event.dataTransfer.files[0];showFile();});function showFile(){let fileType=file.type;let validExtensions=["image/jpeg","image/jpg","image/png"];if(validExtensions.includes(fileType)){let fileReader=new FileReader();fileReader.onload=()=>{let fileURL=fileReader.result;let imgTag=`<img src="${fileURL}" alt="image">`;dropArea.innerHTML=imgTag;} fileReader.readAsDataURL(file);}else{alert("This is not an Image File!");dropArea.classList.remove("active");dragText.textContent="Drag & Drop to Upload File";}} const dropArea2=document.querySelector("#dragArea2"),dragText2=dropArea2.querySelector("header"),button2=dropArea2.querySelector("button"),input2=dropArea2.querySelector("input");let file2;button2.onclick=()=>{input2.click();} input2.addEventListener("change",function(){$('#imageInput2').val($(this).val());file2=this.files[0];dropArea2.classList.add("active");showFile2();});dropArea2.addEventListener("dragover",(event)=>{event.preventDefault();dropArea2.classList.add("active");dragText2.textContent="Release to Upload File";});dropArea2.addEventListener("dragleave",()=>{dropArea2.classList.remove("active");dragText2.textContent="Drag & Drop to Upload File";});dropArea2.addEventListener("drop",(event)=>{event.preventDefault();file=event.dataTransfer.files[0];showFile2();});function showFile2(){let fileType2=file2.type;let validExtensions2=["image/jpeg","image/jpg","image/png"];if(validExtensions2.includes(fileType2)){let fileReader2=new FileReader();fileReader2.onload=()=>{let fileURL=fileReader2.result;let imgTag2=`<img src="${fileURL}" alt="image">`;dropArea2.innerHTML=imgTag2;} fileReader2.readAsDataURL(file2);}else{alert("This is not an Image File!");dropArea2.classList.remove("active");dragText2.textContent="Drag & Drop to Upload File";}}
SIMPAN
[ BATAL ]