Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <button id="browseButton1" value="Choose File 1">Choose File 1</button><br/>
- <progress id="prog1" max="100" value="0" style="display:none"></progress><span id="prog1p" style="display:none"></span></span></br>
- <div id="file_1_div" style="display:none;width:200px;"><span id="file_1_name"></span><span id="removefile1" style="color:red;float:right;" onclick="removeFile1()">X</span></div>
- <button id="browseButton2" value="Choose File 2">Choose File 2</button><br/>
- <progress id="prog2" max="100" value="0" style="display:none"></progress><span id="prog2p" style="display:none"></span></br>
- <div id="file_2_div" style="display:none;width:200px;"><span id="file_2_name"></span><span id="removefile2" style="color:red;float:right;" onclick="removeFile2()">X</span></div>
- <button id="browseButton3" value="Choose File 3">Choose File 3</button><br/>
- <progress id="prog3" max="100" value="0" style="display:none"></progress><span id="prog3p" style="display:none"></span></br>
- <div id="file_3_div" style="display:none;width:200px;"><span id="file_3_name"></span><span id="removefile3" style="color:red;float:right;" onclick="removeFile3()">X</span></div>
- <button id="browseButton4" value="Choose File 4">Choose File 4</button><br/>
- <progress id="prog4" max="100" value="0" style="display:none"></progress><span id="prog4p" style="display:none"></span></br>
- <div id="file_4_div" style="display:none;width:200px;"><span id="file_4_name"></span><span id="removefile4" style="color:red;float:right;" onclick="removeFile4()">X</span></div>
- <form method="post" action="form_upload.php">
- <input type="text" name="text1" value="name"><br/>
- <input type="text" name="text2" value="something"></br>
- <input type="text" name="text3" value="something else"></br>
- <textarea name="textarea"></textarea></br>
- <!-- need these 4 -->
- <input type="hidden" name="file1" id="file1">
- <input type="hidden" name="file2" id="file2">
- <input type="hidden" name="file3" id="file3">
- <input type="hidden" name="file4" id="file4">
- <input type="submit" value="submit">
- </form>
- <script src="resumable.js"></script>
- <script>
- function removeFromServer(file){
- var xhttp = new XMLHttpRequest();
- xhttp.open("GET", "delete.php?file="+encodeURIComponent(file), true);
- xhttp.send();
- }
- function removeFile1(){
- removeFromServer(document.getElementById("file1").value);
- document.getElementById("file_1_div").style.display="none";
- document.getElementById("file1").value="";
- document.getElementById("file_1_name").innerHTML="";
- document.getElementById("prog1").style.display="none";
- document.getElementById("prog1p").style.display="none";
- document.getElementById("prog1").setAttribute('value',0);
- }
- function removeFile2(){
- removeFromServer(document.getElementById("file2").value);
- document.getElementById("file_2_div").style.display="none";
- document.getElementById("file2").value="";
- document.getElementById("file_2_name").innerHTML="";
- document.getElementById("prog2").style.display="none";
- document.getElementById("prog2p").style.display="none";
- document.getElementById("prog2").setAttribute('value',0);
- }
- function removeFile3(){
- removeFromServer(document.getElementById("file3").value);
- document.getElementById("file_3_div").style.display="none";
- document.getElementById("file3").value="";
- document.getElementById("file_3_name").innerHTML="";
- document.getElementById("prog3").style.display="none";
- document.getElementById("prog4p").style.display="none";
- document.getElementById("prog3").setAttribute('value',0);
- }
- function removeFile4(){
- removeFromServer(document.getElementById("file4").value);
- document.getElementById("file_4_div").style.display="none";
- document.getElementById("file4").value="";
- document.getElementById("file_4_name").innerHTML="";
- document.getElementById("prog4").style.display="none";
- document.getElementById("prog4p").style.display="none";
- document.getElementById("prog4").setAttribute('value',0);
- }
- var r1 = new Resumable({
- target: 'upload.php',
- testChunks:false
- });
- r1.assignBrowse(document.getElementById('browseButton1'));
- r1.on('fileSuccess', function(file){
- document.getElementById("file_1_div").style.display="block";
- document.getElementById("file1").value=file.fileName;
- document.getElementById("file_1_name").innerHTML=file.fileName;
- });
- r1.on('fileProgress', function(file){
- document.getElementById("prog1p").style.display="block";
- document.getElementById("prog1p").innerHTML=Math.round(file.progress())*100+'%';
- document.getElementById("prog1").style.display="block";
- document.getElementById("prog1").setAttribute('value',Math.round(file.progress())*100);
- });
- r1.on('fileAdded', function(file, event){
- r1.upload();
- console.debug('fileAdded', event);
- });
- r1.on('filesAdded', function(array){
- r1.upload();
- console.debug('filesAdded', array);
- });
- var r2 = new Resumable({
- target: 'upload.php',
- testChunks:false
- });
- r2.assignBrowse(document.getElementById('browseButton2'));
- r2.on('fileSuccess', function(file){
- document.getElementById("file_2_div").style.display="block";
- document.getElementById("file2").value=file.fileName;
- document.getElementById("file_2_name").innerHTML=file.fileName;
- document.getElementById("file2").value=file.fileName;
- });
- r2.on('fileProgress', function(file){
- document.getElementById("prog2p").style.display="block";
- document.getElementById("prog2p").innerHTML=Math.round(file.progress())*100+'%';
- document.getElementById("prog2").style.display="block";
- document.getElementById("prog2").setAttribute('value',Math.round(file.progress())*100);
- });
- r2.on('fileAdded', function(file, event){
- r2.upload();
- console.debug('fileAdded', event);
- });
- r2.on('filesAdded', function(array){
- r2.upload();
- console.debug('filesAdded', array);
- });
- r2.on('fileError', function(file, message){
- document.getElementById("prog2p").style.display="none";
- document.getElementById("prog2").style.display="none";
- document.getElementById("file_2_div").style.display="none";
- document.getElementById("file2").value="";
- document.getElementById("file_2_name").innerHTML="";
- alert("upload failed");
- });
- var r3 = new Resumable({
- target: 'upload.php',
- testChunks:false
- });
- r3.assignBrowse(document.getElementById('browseButton3'));
- r3.on('fileSuccess', function(file){
- document.getElementById("file_3_div").style.display="block";
- document.getElementById("file3").value=file.fileName;
- document.getElementById("file_3_name").innerHTML=file.fileName;
- document.getElementById("file3").value=file.fileName;
- });
- r3.on('fileProgress', function(file){
- document.getElementById("prog3p").style.display="block";
- document.getElementById("prog3p").innerHTML=Math.round(file.progress())*100+'%';
- document.getElementById("prog3").style.display="block";
- document.getElementById("prog3").setAttribute('value',Math.round(file.progress())*100);
- });
- r3.on('fileAdded', function(file, event){
- r3.upload();
- console.debug('fileAdded', event);
- });
- r3.on('filesAdded', function(array){
- r3.upload();
- console.debug('filesAdded', array);
- });
- r3.on('fileError', function(file, message){
- document.getElementById("prog3p").style.display="none";
- document.getElementById("prog3").style.display="none";
- document.getElementById("file_3_div").style.display="none";
- document.getElementById("file3").value="";
- document.getElementById("file_3_name").innerHTML="";
- alert("upload failed");
- });
- var r4 = new Resumable({
- target: 'upload.php',
- testChunks:false
- });
- r4.assignBrowse(document.getElementById('browseButton4'));
- r4.on('fileSuccess', function(file){
- document.getElementById("file_4_div").style.display="block";
- document.getElementById("file4").value=file.fileName;
- document.getElementById("file_4_name").innerHTML=file.fileName;
- });
- r4.on('fileProgress', function(file){
- document.getElementById("prog4p").style.display="block";
- document.getElementById("prog4p").innerHTML=Math.round(file.progress())*100+'%';
- document.getElementById("prog4").style.display="block";
- document.getElementById("prog4").setAttribute('value',Math.round(file.progress())*100);
- });
- r4.on('fileAdded', function(file, event){
- r4.upload();
- console.debug('fileAdded', event);
- });
- r4.on('filesAdded', function(array){
- r4.upload();
- console.debug('filesAdded', array);
- });
- r4.on('fileError', function(file, message){
- document.getElementById("prog4p").style.display="none";
- document.getElementById("prog4").style.display="none";
- document.getElementById("file_4_div").style.display="none";
- document.getElementById("file4").value="";
- document.getElementById("file_4_name").innerHTML="";
- alert("upload failed");
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement