File size: 9,528 Bytes
e9868ad
 
8d0c5f3
 
8e32d93
8d0c5f3
 
 
feae0d0
 
478fe41
aa86bd8
8d0c5f3
aa86bd8
8d0c5f3
e3cac11
f3ae1cc
6606ebd
8d0c5f3
53923a7
e35f352
53923a7
e35f352
3da385c
8d0c5f3
e3cac11
8d0c5f3
e3cac11
8d0c5f3
 
 
 
 
e3cac11
8d0c5f3
e3cac11
8d0c5f3
e3cac11
f3ae1cc
feae0d0
8d0c5f3
 
e3cac11
 
8d0c5f3
e3cac11
8d0c5f3
e3cac11
8d0c5f3
feae0d0
8d0c5f3
 
e3cac11
 
8d0c5f3
e3cac11
8d0c5f3
e3cac11
8d0c5f3
feae0d0
8d0c5f3
 
 
 
 
 
e3cac11
8d0c5f3
e9868ad
e3cac11
feae0d0
8d0c5f3
 
 
 
e3cac11
857c662
 
e3cac11
857c662
8d0c5f3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e9868ad
8d0c5f3
 
 
8113f50
 
 
 
e7ce9eb
8113f50
5fc7df3
6cf0b73
16fa252
5e0a630
fc8554e
8d0c5f3
 
 
e3cac11
 
8d0c5f3
 
e3cac11
8d0c5f3
 
e3cac11
54343ed
 
 
8d0c5f3
 
e3cac11
8d0c5f3
 
 
e9868ad
6606ebd
8d0c5f3
6fd25cf
8d0c5f3
 
 
6fd25cf
8d0c5f3
 
 
6fd25cf
8d0c5f3
6fd25cf
8d0c5f3
 
 
6fd25cf
8d0c5f3
6fd25cf
8d0c5f3
6fd25cf
8d0c5f3
feae0d0
 
 
8d0c5f3
 
 
 
 
aa86bd8
 
8d0c5f3
 
 
 
9ed7fc3
 
 
 
8d0c5f3
 
 
 
dba0f50
d664a91
 
dba0f50
d796abb
 
5e0a630
d796abb
 
 
41fe00d
8d0c5f3
e9868ad
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Qoc Ai Image Upscaler</title>
      <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="css.css">
      <link rel="stylesheet" href="all.min.css">
      <link rel="stylesheet" href="local.css">
      <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1'>
   </head>
  
   <body data-rsssl="1">

		<div class="image-loading-box noselect">
                           
         <div class="loading-box show-message-box">
            <div style="display: flex; align-items: center; justify-content: center;">
              <img src="spinner.gif" alt="Wait" height= "24px" width="24px">
              <div style="padding:0 0 0 10px; margin:0;" class="loading-text">Processing...</div>
            </div>
            <div class="cancel-upload">Cancel</div>
         </div>
				 
         <div class="load-error-box show-message-box">
            <img src="" alt="Fail">
            <div class="error-text"></div>
            <div class="button-group">
               <div class="confirm">
                  <label for="upload">New Image</label>
               </div>
               <div class="cancel">Cancel</div>
            </div>
            <div class="feed-back-box"></div>
         </div>
				 
         <div class="load-warning-boxx show-message-box">
            <img src="redX.png" alt="Fail" height="20px" width="20px">
            <div class="warning-text"></div>
            <div class="button-group">
               <div class="confirm">Retry</div>
               <div class="cancel">Cancel</div>
            </div>
            <div class="feed-back-box"></div>
         </div>
				 
         <div class="oversize-box show-message-box">
					 <img src="redX.png" alt="Fail" height="20px" width="20px">
            <div class="warning-text"></div>
            <div class="button-group">
               <div class="confirm">Continue</div>
               <div class="cancel">Cancel</div>
            </div>
            <div class="feed-back-box"></div>
         </div>
				 
         <div class="load-alert-box show-message-box">
            <img src="redX.png" alt="Fail" height="20px" width="20px">
            <div class="alert-text"></div>
            <div class="button-group">
               <div class="confirm">
                  OK
               </div>
            </div>
            <div class="feed-back-box"></div>
         </div>
      </div>
			
      <div class="photo flex-box" id="bigPlantForm" onselectstart="return false">
         <ul id="right-operate-box" style="position: relative;">
            <li class="refinement active">
               <div class="refinement_top">
                  <div class="scale_zoon">
                     Magnification:
                     <span class="scale_num">2x</span>
                     <span class="scale_num">4x</span>
                     <span class="scale_num">6x</span>
                     <span class="scale_num">8x</span>
                  </div>
               </div>
            </li>
            <div class="canvas">
               <div class="canvas_box flex-box">
                  <div class="left flex-box active">
                     <div class="old-box">
                        <img src="" alt="" class="left_img_show">
                        <div class="new-select-box"></div>
                        <div class="privew-box old-preview"></div>
                        <div class="event-box-left"></div>
                     </div>
                  </div>
                  <div class="right flex-box active">
                     <div class="img_compare">
                        <img src="" alt="" class="right_img_show">
                        <div class="new-select-box old-select-box"></div>
                        <div class="privew-box new-preview"></div>
                        <div class="event-box-right"></div>
                     </div>
                  </div>
               </div>
               <div class="refinement_bottom flex-box">
                  <div class="Original-continer">
                     <span class="Original-box">Original: </span>
                  </div>
                  <div class="icon-container"></div>
                  <div class="Output-continer">
                     <span class="Output-box">Upscaled: </span>
                  </div>
               </div>
            </div>
            <div class="btn switch-menu">
               <div class="flex-box active">
                  <div>
                    <label for="upload" style="display:none;">
                      <span class="click-upload">Upload</span>
                    </label>
                    <label>
                      <span id="drag-zone2" draggable="true" class="reloadImg hollowing" title="Drop Images on me!">Nu Image</span>
                    </label>

                    <span id="QueneDropzone" draggable="true" class="hollowing">Add To Quene</span>
                    <span id="nextFileButton" class="hollowing">Start Quene</span>
                    
                    <!-- <span id="drag-zone2" draggable="true" style="">Drop New Image Here!</span> -->
                  </div>
                  <div>
                     <span class="saveBtn">Download</span>
                     <canvas id="exportImgBoard" style="display: none;"></canvas>
                     <canvas id="temImgBoard" style="display: none;"></canvas>
                  </div>
               </div>
							 
               <div class="flex-box">
                  <div>
                     <label>
                       <span class="reloadImg hollowing">New Image</span>
					</label>
					<span class="hollowing back-remove">Back</span>
                  </div>
                  <div>
                     <span class="crop-btn" style="margin-top: 11px;">Save</span>
                  </div>
               </div>
               <a href="" download="" id="exportImg"></a>
            </div>
          </ul>
      </div>
			
      <div class="mobile-save-image">
         <div class="image-show-box">
            <div class="show-long-press-save">
               <img src="" alt="edit-image"> <span>Please long press on the image to save it</span>
            </div>
         </div>
         <div style="width: 100%;height: 56px;"></div>
         <div class="back-edit">Back</div>
      </div>
			
      <div class="mask"></div>
      <div class="alert-mask"></div>
      <div class="feedback-mask"></div>
      <form action="javascript:;" class="feedback clearfloat" method="post" id="feedback" onsubmit="return checkForm()" name="feedback">
         <div class="feedback_container clearfloat">
            <p class="title">Thanks for your feedback. Please send us your problem or advice. We will reply you ASAP.</p>
            <p>Email:</p>
            <input name="email" type="email" class="form_email" id="mail" placeholder="Enter your email here!">
            <p>Content:</p>
            <textarea name="content" id="form_contents" cols="30" rows="10" form="feedback" placeholder="Please enter your problem or advice." required=""></textarea>
            <input type="hidden" name="f_source" value="3"> <input type="hidden" name="product_id" value="70004">
            <input type="submit" value="Submit" id="form_submit" name="submit" onclick="send_submit()">
         </div>
      </form>
      <div class="header_bg"></div>
      <div id="banner" class="heic_converter">
         <div class="container banner_box">
            <h1>Image Upscaler</h1>
    		<div id="drag-zone" draggable="true">
               <span id="uploadBtn">Upload<input type="file" name="upload" id="upload" accept=".jpg, .jpeg, .png, .bmp"></span>
               <p>Or drop your image file here!</p>
               <div class="scale_choose">
                  Magnification: 
                  <span href="#"><input class="scale_change" type="radio" name="check_zoom" id="2X" value="2"><label for="2X">2x</label></span>
                  <span href="#"><input class="scale_change" type="radio" name="check_zoom" id="4X" value="4"><label for="4X">4x</label></span>
                  <span href="#"><input class="scale_change" type="radio" name="check_zoom" checked id="6X" value="6"><label for="6X">6x</label></span>
                  <span href="#"><input class="scale_change" type="radio" name="check_zoom" id="8X" value="8"><label for="8X">8x</label></span>
               </div>
            </div>
         </div>
      </div>

      <p style="font-size:90%;color:#888;text-align:center;">Based on the Qoc Upscaler by free-videoconverter.net - Kudos, guys! Great Software, horrible interface.</p>
      <p style="font-size:90%;color:#888;text-align:center;">Removed some size limitation warnings, added automatic download on render finish - and the "Nu Image" Button now is a Droptarget for images.</p>

      <script src="jsnew_image-upscaler.js"></script>
      <script src="js_aes.js"></script>
      <script src="js_translation.js"></script>
      <script src="js_spark-md5.min.js"></script>
      <script src="js_FileSaver.js"></script>
      <script src="js_free-online-image-upscaler.js"></script>
      <script src="js_quene.js"></script>
	</body>
</html>