1
+ <!DOCTYPE html>
2
+ < html >
3
+
4
+ < head >
5
+ < meta charset ="utf-8 ">
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
7
+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css " type ="text/css ">
8
+ < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css ">
9
+ < link rel ="stylesheet " href ="css/theme.css " type ="text/css ">
10
+ < link rel ="stylesheet " href ="theme.css " type ="text/css ">
11
+ < title > Split and Merge Files</ title >
12
+ < meta name ="keywords " content ="Split,Merge ">
13
+ < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js "> </ script >
14
+ < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "> </ script >
15
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js "> </ script >
16
+
17
+ < body class ="">
18
+ < div class ="py-3 ">
19
+ < div class ="container ">
20
+ < div class ="row ">
21
+ < div class ="col-md-12 ">
22
+ < h1 class ="text-center display-2 filter-fade-in "> Parts Download</ h1 >
23
+ </ div >
24
+ </ div >
25
+ </ div >
26
+ </ div >
27
+ < div class ="py-3 bg-gradient ">
28
+ < div class ="container ">
29
+ < div class ="row ">
30
+ < div class ="col-md-4 "> </ div >
31
+ < div class ="col-md-4 ">
32
+ < form class ="text-center " action ="" method ="POST ">
33
+ < div class ="form-group text-left "> < label > < b > Dowload Link :</ b > </ label >
34
+ < input type ="text " class ="form-control " placeholder ="Enter Link of file " id ="dfile " name ="dfile " required ="required "> </ div >
35
+ < div class ="form-group text-left "> < label > < b > Save to :</ b > </ label >
36
+ < input type ="text " class ="form-control " placeholder ="Out put file path " id ="sfile " name ="sfile " required ="required "> </ div >
37
+ < div class ="form-group text-left "> < label for ="exampleInputEmail1 "> < b > Part Size :</ b > </ label >
38
+ < input type ="number " class ="form-control " id ="psize " placeholder ="Size if each part in (Kb) " name ="psize ">
39
+ </ div >
40
+ < button type ="button " class ="btn text-center btn-success " Onclick ="checkfexist(); "> Submit</ button >
41
+ </ form >
42
+ </ div >
43
+ < div class ="col-md-4 "> </ div >
44
+ </ div >
45
+ </ div >
46
+ </ div >
47
+ < div class ="">
48
+ < div class ="container ">
49
+ < div class ="row ">
50
+ < div class ="col-sm-12 col-sm-offset-5 col-md-8 offset-md-2 ">
51
+ < div class ="alert alert-success text-center my-3 p-3 " style ="display:none " id ="salert "> The file has been successfully downloaded part by part.</ div >
52
+ </ div >
53
+ </ div >
54
+ </ div >
55
+ </ div >
56
+ < div class ="py-1 bg-gradient ">
57
+ < form class ="text-center " method ="POST " target ="myIframe ">
58
+ < div class ="container ">
59
+ < div class ="row ">
60
+ < div class ="col-md-12 ">
61
+ < div class ="input-group text-center bg-gradient ">
62
+ < input type ="text " class ="form-control form-control-lg text-left " placeholder ="http:// " id ="linkurl ">
63
+ < div class ="input-group-append ">
64
+ < button class ="btn btn-success px-4 " type ="button " Onclick ="setURL(); "> Visit</ button >
65
+ </ div >
66
+ </ div >
67
+ </ div >
68
+ </ div >
69
+ </ div >
70
+ </ form >
71
+ < div class ="container ">
72
+ < div class ="row ">
73
+ < div class ="col-md-12 ">
74
+ < div class ="input-group text-center bg-gradient ">
75
+ < iframe height ="300px " width ="100% " src ="" name ="myIframe " id ="myIframe "> Your browser doesn't load this iframe.</ iframe >
76
+ </ div >
77
+ </ div >
78
+ </ div >
79
+ </ div >
80
+ </ div >
81
+
82
+ < script >
83
+ $ ( function ( ) {
84
+ $ ( "#progressbar" ) . progressbar ( {
85
+ aria - valuenow : 90
86
+ } ) ;
87
+ } ) ;
88
+ </ script >
89
+ < script >
90
+ function stratdown ( ) {
91
+ var dfilename = $ ( '#dfile' ) . val ( ) ;
92
+ var sfilename = $ ( '#sfile' ) . val ( ) ;
93
+ var partsizevalue = $ ( '#psize' ) . val ( ) ;
94
+ $ . ajax ( {
95
+ type : "POST" ,
96
+ url : 'trigger.php' ,
97
+ data :{ dfile : dfilename , sfile : sfilename , psize : partsizevalue } ,
98
+ success :function ( result ) {
99
+ alert ( "The file has been successfully downloaded" ) ;
100
+ $ ( "#salert" ) . show ( ) ;
101
+ setTimeout ( function ( ) { $ ( "#salert" ) . hide ( ) ; } , 5000 ) ;
102
+
103
+ }
104
+
105
+ } ) ;
106
+ //alert("working");
107
+ }
108
+ function checkfexist ( ) {
109
+ var sfilename = $ ( '#sfile' ) . val ( ) ;
110
+ if ( sfilename != '' ) {
111
+ $ . ajax ( {
112
+ url : sfilename ,
113
+ type : 'GET' ,
114
+ error : function ( )
115
+ {
116
+ stratdown ( ) ;
117
+ } ,
118
+ success : function ( )
119
+ {
120
+ var site = prompt ( "The File already exists rename bellow" , "" ) ;
121
+ if ( site != '' ) {
122
+ document . getElementById ( "sfile" ) . value = site ;
123
+ } else {
124
+ alert ( "File name cannot be empty" ) ;
125
+ }
126
+ }
127
+ } ) ;
128
+ } else {
129
+ alert ( 'File name cannot be empty' ) ; }
130
+ }
131
+ function setURL ( ) {
132
+ document . getElementById ( 'myIframe' ) . src = "" ;
133
+ setTimeout ( function ( ) {
134
+ document . getElementById ( 'myIframe' ) . src = document . getElementById ( 'linkurl' ) . value ;
135
+ } , 0 ) ;
136
+ }
137
+ </ script >
138
+ </ body >
139
+
140
+ </ html >
0 commit comments