124 lines
3.2 KiB
JavaScript
124 lines
3.2 KiB
JavaScript
const ws = new WebSocket("ws://localhost:8989");
|
|
let downloadname
|
|
|
|
ws.onopen = () => {
|
|
ws.send("hello server")
|
|
}
|
|
|
|
ws.onclose = () => {
|
|
console.log('SERVER DISCONNECTED')
|
|
}
|
|
ws.onmessage = (message) => {
|
|
console.log('Server response received')
|
|
const BlobReader = new FileReader()
|
|
let data = message.data
|
|
|
|
|
|
if (isJSON(data)) {
|
|
document.getElementById('FileList').innerHTML = ""
|
|
document.getElementById('message').innerHTML = ""
|
|
data = JSON.parse(data)
|
|
if (data instanceof Array) {
|
|
for (let n = 0; n < data.length; n++) {
|
|
let list = document.createElement("input")
|
|
const br = document.createElement("br")
|
|
list.setAttribute('type', 'radio')
|
|
list.setAttribute('value', data[n])
|
|
list.setAttribute('name', 'option')
|
|
document.getElementById('FileList').append(list)
|
|
document.getElementById('FileList').append(data[n])
|
|
document.getElementById('FileList').append(br)
|
|
}
|
|
let button = document.createElement('button')
|
|
button.setAttribute('onclick', 'download()')
|
|
button.innerText = 'PayLoad'
|
|
document.getElementById('FileList').append(button)
|
|
}
|
|
|
|
}
|
|
if (isJSON(data) == false && data == 'con. Succ') {
|
|
|
|
document.getElementById('message').append(data)
|
|
|
|
}
|
|
if (data instanceof Blob) {
|
|
|
|
const cv = document.createElement('canvas')
|
|
const img = new Image();
|
|
const reader = new FileReader();
|
|
let src
|
|
blobToDataURL(data, (url) => {
|
|
src = url.replace('application/octet-stream', 'png')
|
|
img.src = src
|
|
|
|
img.onload = function () {
|
|
if (this.width && this.height) {
|
|
const ctx = cv.getContext('2d');
|
|
cv.setAttribute('width', this.width)
|
|
cv.setAttribute('height', this.height)
|
|
ctx.drawImage(this, 0, 0, this.width, this.height, 0, 0, this.width, this.height);
|
|
|
|
document.getElementById('PictureShow').append(cv)
|
|
|
|
}
|
|
|
|
}
|
|
})
|
|
|
|
console.log('starting download')
|
|
console.log(data)
|
|
var file = new File([data], downloadname);
|
|
saveAs(file);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
ws.onerror = (err) => {
|
|
console.log(err)
|
|
}
|
|
|
|
function getFileList() {
|
|
|
|
ws.send('getFile')
|
|
}
|
|
|
|
function download() {
|
|
var radio = document.getElementsByName("option");
|
|
for (i = 0; i < radio.length; i++) {
|
|
if (radio[i].checked) {
|
|
downloadname = radio[i].value
|
|
ws.send(radio[i].value)
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
function isJSON(str) {
|
|
if (typeof str == 'string') {
|
|
try {
|
|
var obj = JSON.parse(str);
|
|
if (typeof obj == 'object' && obj) {
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
|
|
} catch (e) {
|
|
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
|
|
function blobToDataURL(blob, callback) {
|
|
var a = new FileReader();
|
|
a.onload = function (e) {
|
|
callback(e.target.result);
|
|
}
|
|
a.readAsDataURL(blob);
|
|
} |