Mobile.Wapka.Co


Share Your Creativity For Wapka
Home » Wapka Codes » wapka file uploader code with filelist
<**div class="card"> <**input type="file" name="upload"/>


<**table> Upload Thumbnail[ ]
<***textarea name="description" rows="1" id="comment-comment">
<***button type="submit" class="w3-btn w3-white w3-border w3-border-red w3-round-small">

Upload

<**"style>.button1{border-radius:30px;border:2px solid #E55451;padding:5px;} <***style>.hidetitle{display: none;} <***input style="display:none" type="file" id="f" accept="image/*"> <***script src="/api-imgur"> <***script> document.querySelector("#upload").onclick = function() { document.querySelector("#f").click();} imgur("#f",{loading : function(load) {document.querySelector("#upload").innerHTML = '[ Upload pictures '+load+' ]'}, loaded : function(link,size,type,time) { var input = $("textarea#comment-comment").val(); $("textarea#comment-comment").val(input+" "+link+" "); $("#upload").html('[ ]');}}) <***script> function imgur(f,ob){var files=document.querySelector(f);files.onchange=function(){var file=this.files[0];if(file&&file.type.match(/image.*/)){var fd=new FormData();fd.append("image",file);var xhr=new XMLHttpRequest();xhr.open("POST","https://api.imgur.com/3/image.json");xhr.upload.onprogress=function(e){if(e.lengthComputable){var percent=Math.floor((e.loaded/e.total)*100)+'%';ob.loading(percent)}};xhr.onload=function(){var imgs;var res=JSON.parse(xhr.responseText);if(res.status===200&&res.success===!0){var data=res.data;ob.loaded(data.link,data.type,data.size,data.datetime)}else{window.alert('Error: Upload failed')}} xhr.setRequestHeader('Authorization','Client-ID b558035630d26ef');xhr.send(fd)}else{window.alert('Only picture options allowed')}}}
remove all * from code than second box config past this code
58585300

your file uploader is ready now.. now we work for filelister again goto your website admin panel than click
on file lister and past this code step by step first box code
<***div style="background:url(https://moleys.github.io/assets/patterns/body-bg7.png);border-bottom:#E41B17 solid 6px;
background-color:black;
color: white; padding-top:10px; padding-bottom:10px;"><***table> %name%.%format% (%size%)
remove all * from code than past this code in second config box
58585

10?page=new
Note:--
here is your file manager's folder id that's all.. i hope this wilo be helpfull for you. .
Recent Comments
No Post foundforum