Mercurial Hosting > freedit
comparison src/site.js @ 34:c8d47981c74f
upload using ajax
author | Franklin Schmidt <fschmidt@gmail.com> |
---|---|
date | Tue, 02 Aug 2022 20:46:02 -0600 |
parents | 4fdc4ec0050b |
children | 1ce75c5ab0f7 |
comparison
equal
deleted
inserted
replaced
33:4fdc4ec0050b | 34:c8d47981c74f |
---|---|
1 | 1 |
2 function ajax(url,postData) { | 2 function ajax(url,postData) { |
3 let request = new XMLHttpRequest(); | 3 let request = new XMLHttpRequest(); |
4 let method = postData ? 'POST' : 'GET'; | 4 let method = postData ? 'POST' : 'GET'; |
5 request.open( method, url ); | 5 request.open( method, url ); |
6 let isMultipart = postData instanceof File; | 6 if( postData ) |
7 if( postData && !isMultipart ) | |
8 request.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' ); | 7 request.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' ); |
9 request.onload = function() { | 8 request.onload = function() { |
10 if( request.status !== 200 ) { | 9 if( request.status !== 200 ) { |
11 window.console && console.log( 'ajax failed: ' + request.status ); | 10 window.console && console.log( 'ajax failed: ' + request.status ); |
12 if( request.responseText ) | 11 if( request.responseText ) |
13 document.write('<pre>'+request.responseText+'</pre>'); | 12 document.write('<pre>'+request.responseText+'</pre>'); |
14 return; | 13 return; |
15 } | 14 } |
16 eval( request.responseText ); | 15 eval( request.responseText ); |
17 }; | 16 }; |
18 if(isMultipart) { | 17 request.send(postData); |
19 let formData = new FormData(); | |
20 formData.append( 'file', postData ); | |
21 request.send(formData); | |
22 } else { | |
23 request.send(postData); | |
24 } | |
25 } | 18 } |
26 | 19 |
27 window.onerror = function(msg, url, line, col, error) { | 20 window.onerror = function(msg, url, line, col, error) { |
28 if (!url) | 21 if (!url) |
29 return; | 22 return; |
36 err += '\ncolumn = ' + col; | 29 err += '\ncolumn = ' + col; |
37 if (error && error.stack) | 30 if (error && error.stack) |
38 err += '\nstack = ' + error.stack; | 31 err += '\nstack = ' + error.stack; |
39 ajax( '/error_log.js', 'err='+encodeURIComponent(err) ); | 32 ajax( '/error_log.js', 'err='+encodeURIComponent(err) ); |
40 }; | 33 }; |
34 | |
35 function upload(input,callback) { | |
36 let file = input.files[0]; | |
37 input.value = null; | |
38 let request = new XMLHttpRequest(); | |
39 let url = 'https://upload.uploadcare.com/base/'; | |
40 request.open( 'POST', url ); | |
41 request.onload = function() { | |
42 if( request.status !== 200 ) { | |
43 let err = 'ajax failed: ' + request.status; | |
44 if( request.responseText ) { | |
45 err += '\n' + request.responseText; | |
46 document.write('<pre>'+request.responseText+'</pre>'); | |
47 } | |
48 console.log(err); | |
49 ajax( '/error_log.js', 'err='+encodeURIComponent(err) ); | |
50 return; | |
51 } | |
52 let response = JSON.parse(request.responseText); | |
53 let filename = file.name; | |
54 let url = 'https://ucarecdn.com/' + response.file + '/' + filename; | |
55 callback(url,filename); | |
56 }; | |
57 let formData = new FormData(); | |
58 formData.append( 'UPLOADCARE_PUB_KEY', 'fe3d30f3088a50941d45' ); | |
59 formData.append( 'file', file ); | |
60 request.send(formData); | |
61 } | |
62 | |
63 function fileButtonClick(button) { | |
64 button.parentNode.querySelector('input[type="file"]').click(); | |
65 } |