https://www.zaaptv.com/wp-content/plugins/offline-forms-for-pwa-for-wp/assets/offlineimage.js

1	
2(function () {	if(!navigator.onLine){
3		const elemts=document.querySelectorAll('form input[type=file]');
4		var n_count = 0;
5		elemts.forEach((element) => {
6
7			let img_input_name='';
8
9			var n_count = n_count+1;
10
11			let uid = element.getAttribute('id');
12
13			let uname = element.getAttribute('name');
14
15			if(uid){img_input_name=uid+'_offline_file';}else{img_input_name=uname+'_offline_file';}
16
17			var new_ele = document.createElement("INPUT");
18
19			new_ele.setAttribute("type", "hidden");
20
21			new_ele.setAttribute("name",img_input_name);
22
23			new_ele.setAttribute("id",img_input_name);
24
25			element.parentNode.appendChild(new_ele);
26
27			element.setAttribute('onchange','pwaforwpHandleOfflineFiles(this,"'+img_input_name+'")');
28
29		});
30	}
31})();
32
33window.addEventListener('offline', () => {
34	console.log('user is offline');
35
36	const elemts=document.querySelectorAll('form input[type=file]');
37
38	var n_count = 0;
39	elemts.forEach((element) => {
40
41	let img_input_name='';
42
43	var n_count = n_count+1;
44
45	let uid = element.getAttribute('id');
46
47	let uname = element.getAttribute('name');
48
49	if (uid ==null) {
50		uid = n_count;
51	}
52	if (uname ==null) {
53		uname = n_count;
54	}
55
56	if(uid){img_input_name=uid+'_offline_file';}else{img_input_name=uname+'_offline_file';}
57
58	var new_ele = document.createElement("INPUT");
59
60	new_ele.setAttribute("type", "hidden");
61
62	new_ele.setAttribute("name",img_input_name);
63
64	new_ele.setAttribute("id",img_input_name);
65
66	element.parentNode.appendChild(new_ele);
67
68	element.setAttribute('onchange','pwaforwpHandleOfflineFiles(this,"'+img_input_name+'")');
69
70});
71
72}

72);
73
74
75
76
77
78  function pwaforwpHandleOfflineFiles(e,ele_id) {
79
80	var img = new Image;
81
82	img.onload = function() {
83
84		var canvas = document.createElement('canvas');
85
86		canvas.id = "CursorLayer";
87
88		canvas.width = 600;
89
90		canvas.height = 600;
91
92		var ctx=canvas.getContext("2d");
93
94		var iw=img.width;
95
96		var ih=img.height;
97
98		var scale=Math.min((600/iw),(600/ih));
99
100		var iwScaled=iw*scale;
101
102		var ihScaled=ih*scale;
103
104		canvas.width=iwScaled;
105
106		canvas.height=ihScaled;
107
108		ctx.drawImage(img,0,0,iwScaled,ihScaled);
109
110		document.getElementById(ele_id).value=canvas.toDataURL("image/jpeg",0.8);
111
112	}
113
114	img.src = URL.createObjectURL(e.files[0]);
115
116  }
117
118  
119	jQuery(document).delegate(':file', 'change', function() {
120		if(!navigator.onLine){
121			jQuery(document).find('.dz-error-message').remove();
122		    setTimeout(
123				function() 
124				{
125				jQuery(document).find('.dz-error-message').html();
126				},
127			300);
128
129			setTimeout(
130				function() 
131				{
132				jQuery(document).find('.dz-error-message').html('');
133				},
134			500);
135
136			setTimeout(
137				function() 
138				{
139				jQuery(document).find('.dz-error-message').html('');
140				},
141			1000);
142		}
143	});